@devalok/shilp-sutra

Devalok Design System -- tokens, components, and patterns for React & Next.js.

For full documentation, setup guides, and architecture details, see the monorepo README.

Install

pnpm add @devalok/shilp-sutra framer-motion
# Only if you render a <Toaster />:
pnpm add sonner

Upgrading from < 0.37? 0.37 is a Tailwind 4 CSS-first release — the setup has changed. Read MIGRATION.md.

Quick Start

/* app/globals.css */
@import "tailwindcss";
@import "@devalok/shilp-sutra/css";

// next.config.ts
export default {
  transpilePackages: ['@devalok/shilp-sutra', '@devalok/shilp-sutra-brand'],
}

// Any component
import { Button } from '@devalok/shilp-sutra/ui/button'

No tailwind.config.ts required from us. Your own plugins or content globs go in globals.css via TW4 directives (@plugin, @source, @theme).

Peer Dependencies

Required

Optional

Install only what you use:

Links

• Storybook -- interactive component docs
• Monorepo README -- full docs, architecture, component list
• Changelog
• Migration Guide

License

MIT -- Copyright 2026 Devalok Design & Strategy Studios