shilp-sutrav0.42
ShowcaseComponentsBlocksThemingDocsFigma MakeFor AI editors
Blocks

Real pages. Real spacing. Real copy.

Multi-component surfaces lifted from real work. Dashboards, sign-up flows, pricing pages, data tables.

Each block recolours with the brand switcher. Copy the source, paste, ship.

  • Block · shell

    Application dashboard

    Sidebar shell, stat tiles, and a recent-activity card. Real names from the Devalok team, real activity log lines. The kind of dashboard a consumer would actually ship.

    sidebarstatsactivity
  • Block · auth

    Sign-up split panel

    Two-column auth: a brand-tinted benefits panel on the left, the form on the right. Designed to recolour cleanly when the brand switcher changes the accent ramp.

    formsplitonboarding
  • Block · pricing

    Three-tier pricing

    Studio / Atelier / Bespoke tiers with FAQ. Real copy that fits the Devalok voice. No asterisks, no fake testimonials, no motivational closers.

    cardsmarketing
More coming

Settings + data-table blocks land in the next site update. If a block shape you wish existed isn't here, file it at github.com/devalok-design/shilp-sutra/issues.

shilp-sutra

Your brand. Every component. Out of the box. A React design system from Devalok. Tailwind 4 · OKLCH · 119 components · MIT.

Package
  • npm
  • GitHub
  • Changelog
  • Migration
Explore
  • Showcase
  • Components
  • Blocks
  • Theming
  • Docs
  • Storybook
For agents
  • AGENTS.md
  • llms.txt
  • Agent Skill
Devalok
  • devalok.in
  • Karm
  • BharatTools
  • Gurukul

Made in Bharat with 🧡 by Devalok, for the world.

MIT · © 2026 Devalok Design and Strategy Studio

Built with shilp-sutra. Hosted on Railway.