The shadcn/ui kit for Figma: Update June 2025

We updated our Figma kit to support the new Calendar Blocks and added new component states.

Matt Wierzbicki

Figma

Refactored Calendar and Date Picker components
Added 32 new Blocks / Calendar components
Added new Calendar variants:
- Basic
- Month and Year Selector
- Range Calendar
- Range Calendar - 3 columns
- Persian
Added Time Picker component
Added custom color variables:
- custom/blue-500 dark:blue-600
- background dark:calendar\30
- accent dark:calendar\50
- border dark:input-dark
- ring dark:input-dark
Refactored Resizable / Handle in Resizable component
Updated focus state in: Accordion, Badge, Breadcrumb, Hover Card, Navigation Menu, Radio Group, Sidebar / SidebarMenuButton, Sonner
Added pressed state in: Button, Accordion, Carousel, Checkbox, Combobox, DatePicker, Drawer, Hover Card
Updated ring-offset color
Updated Playground components in the Documentation page

Forget about designing and coding from scratch. Save time today and access a huge collection of components, blocks and assets built with shadcn/ui.