What's New
The ShadcnFigma.io library continues to evolve alongside shadcn/ui. This update brings new components, refined variants, and quality-of-life improvements based on feedback from designers using the system in production. Every change maintains full backward compatibility — your existing designs will not break when you update.
This release also improves Figma variable coverage across the entire library. More components now respect your custom theme tokens out of the box, which means less manual overriding when you switch between light mode, dark mode, or branded color schemes.
New Components
This release introduces several components that teams have been requesting: the Sidebar component for application navigation, Input OTP for verification code entry, Sonner for toast notifications, and Spinner for loading states. Each component ships with the same level of detail as the rest of the library — full variant coverage, all interactive states, and real-world compositions showing common usage patterns.
We have also expanded the Data Table component with additional column types, sorting indicators, and pagination variants. The Data Table is one of the most complex components in any design system, and this update covers the edge cases that come up in real application development: empty states, loading skeletons, inline editing, and bulk selection.
Every new component includes a short walkthrough video explaining the design decisions and how to customize it for your project. These videos are accessible directly from the Figma component description, so your team can learn the system without leaving their workflow.
Improvements
Across the board, we have tightened spacing consistency, improved auto layout behavior for edge cases, and added missing interactive states that were identified during production use. The Dialog and Sheet components now handle long-content scrolling more gracefully. The Select and Combobox dropdowns render with correct max-height behavior to prevent viewport overflow.
Performance improvements include reduced file size through optimized component nesting and better use of Figma's native features. The library loads faster in large projects and swap operations are noticeably smoother. We have also cleaned up naming conventions across all components to ensure consistency with the shadcn/ui documentation, making it easier to find the right component when searching in Figma's asset panel.