Changelog
What's new in ShadeUI 1.2
- ShadeUI is out of beta. This release closes the gap with the Figma design system and makes the library easier to use for people and AI tools.
- Design system parity — ShadeUI now includes the full set of components from Shade UI Design System V1.2 — not just Button, Input, and Badge. That includes Accordion, Alert, Drawer, Modal, Navigation, Tabs, Table, Date Picker, Charts, Avatar, and more. If it’s in the Figma kit, you should be able to find it in React.
- Templates you can drop into a project — You can now scaffold full screens built from ShadeUI components:
- Available templates include chat, dashboard, billing, login, signup, team, settings, and invoice.
- Better docs and Storybook — Storybook is now the main place to explore components, with clearer navigation and examples, real product-style copy, better theming guidance, Copy page for AI-ready Markdown, and open deeplinks into Cursor, v0, ChatGPT, Claude, Gemini, VS Code Copilot, Antigravity, DeepSeek, and more.
- Built for AI tools — Ships with AGENTS.md and llms.txt so your favorite AI tools can prefer ShadeUI components instead of inventing one-off UI — whether that’s Cursor, Copilot, Claude, ChatGPT, v0, or others.
- Real-world polish — Drawers, modals, forms, and empty states behave more naturally; charts, progress, tables, and inputs match Figma more closely; avatars use proper design-system assets; interactions like copy-to-clipboard and link buttons feel cleaner.
- How to get it:
- Then:
Multilingual Support Added
- Introduced comprehensive multilingual support with translations for English, French, German, Chinese, and Japanese across all pages and components.
- Implemented automatic language detection based on browser preferences, with manual language selection available.
ShadeUI dev beta Official Released
- Launched the beta version of ShadeUI Dev: a developer-first component library built with React / Next and Tailwind CSS.
- Included core components like Button and Badge, fully mapped to the Figma design system.
- Invited early adopters to test, build, and share feedback for upcoming improvements.
Monorepo Setup with pnpm
- Split ShadeUI into workspaces for Storybook and UI package.
- Enabled faster development and easier publishing.
- Ready for future support of other frontend frameworks.
Badge Component
- Created Accent, Neutral, and Semantic badges.
- Supports custom color palettes and dynamic shapes.
- Aligned fully with the Figma design system.
Enhanced Button Component
- Added support for flat, bezel, link, and icon variants.
- Included color options, icon slots, sizes, and interaction states.
- Mapped styling through Tailwind utilities and CSS variables.
Started ShadeUI Dev Component Library
- Initiated React / Next + Tailwind version of ShadeUI.
- Set up scalable component architecture and variant logic.
- Prepared for cross-framework support in future versions.
ShadeUI Design System v1.2 Released
- Improved layout templates and typography scale.
- Added marketing templates and components, new UI patterns, and enhanced tokens.
- Refined documentation and Figma component organization.
ShadeUI Design System v1.0 Official Launch
- Released the full design system on LemonSqueezy.
- Over 3000+ design components, and detailed documentation.
- First batch of creators started adopting the system in live projects.
Early Beta Components Added
- Introduced first batch of UI components and. style guides — Buttons, Badges, Modals.
- Improved documentation and feedback process for early users.
- Set up infrastructure for future code-library integration.
ShadeUI Beta Design System Released
- Launched the beta version of the ShadeUI design system on Figma.
- Included core foundations: typography, color palettes, spacing, and grids.
- Focused on monochrome-first design with minimal aesthetics.