shilp-sutra
Components · v0.42

120 pieces. Every one yours.

Accessible. Themeable. Animated with intention. Ship the same components your favourite Devalok products ship.

Featured · live demos

Try them before you click.

Six primitives that shape a product's rhythm. Every one rendered live below. Scroll past for the full 119-component browse.

Tabs

Switching panes.

Settings, profiles, dashboards. Anywhere one view holds several.

Name, email, locale. The parts of you the app shows.

Accordion

Quiet by default.

FAQs, settings groups, dense docs. Disclose only what's asked for.

One CSS-var override at the root recolours every component. No re-render.

Avatar

Identity, stacked.

Team rows, comment threads, attendee lists. Initials fall back when photos miss.

MLGPYSAMKI

Hover any avatar. Tooltip names the person.

Switch · Form controls

Settings, instantly.

Switches, checkboxes, radios. Same data attributes, same focus rings, same dark-mode behaviour.

Push notifications

Mobile + desktop

Weekly digest

Mondays 8am

Beta features

Opt-in

Tooltip

Help that hides.

Sits next to icons until needed. Keyboard-accessible. Focus reveals it the same way hover does.

Hover or tab through. Labels surface with their shortcuts.

Skeleton

Loading, not lying.

Shapes that match the eventual content. Shimmer animation tells the eye 'something is coming', not 'something is broken'.

Browse all

120 components · filter by group or search by name.