The component library
Every building block of this site, in one place. Monochrome, accessible, and built on one shared motion language. 40+ live components and blocks.
Actions
Button variants
Six variants, one shared interaction language.
Button sizes
sm, default, lg, and icon.
Button states
Loading, disabled, and with icons.
Copy button
Inline copy-to-clipboard with confirmation.
Badges
Status and label chips.
Forms
Text input
Default, with value, and disabled.
Input — error
Invalid state with aria-invalid.
Enter a valid email address.
Textarea
Multi-line input.
Label + field
Accessible label association.
Select
Accessible dropdown select.
Checkbox
With label.
Switch
On/off toggle.
Data display
Card
The base surface, static and interactive.
Static card
A simple content surface.
Interactive card
Lifts on hover.
Avatar
Fallback initials, and a stacked group.
Table
Structured rows with hover.
| Metric | Before | After |
|---|---|---|
| Organic / mo | 120 | 50,400 |
| CAC | ₹9,800 | ₹3,100 |
Progress
A simple determinate bar.
Kbd & Separator
Keyboard hints and dividers.
Spinner
The one loading indicator.
Tag pills
Compact metadata tags.
Feedback
Alerts
Five intents, used sparingly.
Heads up
Saved
Toasts
Transient notifications, bottom-right.
Skeleton
Loading placeholders.
Empty state
When there's nothing to show.
No messages yet
When someone reaches out, it'll show up here.
Overlays
Dialog
Accessible modal with focus trap.
Dropdown menu
Contextual actions.
Popover
Lightweight floating panel.
Tooltip
On hover and focus.
Theme toggle
Light / dark, instantly.
Navigation
Tabs
Switch between panels.
Accordion
Expandable sections.
Breadcrumb
Hierarchical location.
Pagination
Paged navigation with ellipses.
Command hint
The search trigger pill.
Composed blocks
Stat grid
Headline metrics.
Metric highlight
A single hero number.
Pricing card
A simple plan surface.
- SEO architecture
- Content system
- Monthly reporting
Feature grid
Icon-led capability tiles.
Owned
Assets you control.
Measurable
One north-star metric.
Compounding
Better every cycle.
Testimonial card
Social proof surface.
“Shubham brings rare clarity. His strategies are grounded, actionable, and built for scale.”
Marquee
Infinite, pause-on-hover ticker.
Timeline
A vertical event list.
- 2021
Founded the agency
- 2024
Started the SaaS studio
- 2026
Built the Digital HQ
Mini CTA band
A compact conversion surface.
Ready to build?
Let's talk through your problem.
There's more
20 additional components — radio, slider, rating, OTP, dropzone, pricing, carousel, and more.