Core Components
Number Effects
Interactive Elements
Advanced Effects
Radix UI Components
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Avatar
- Badge
- Breadcrumb
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Dialog
- Direction
- Drawer
- Dropdown Menu
- Empty
- Field
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kbd
- Label
- Menubar
- Native Select
- Navigation Menu
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Spinner
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Toggle Group
- Tooltip
- Typography
Base UI Components
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Avatar
- Badge
- Breadcrumb
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Dialog
- Direction
- Drawer
- Dropdown Menu
- Empty
- Field
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kbd
- Label
- Menubar
- Native Select
- Navigation Menu
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Spinner
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Toggle Group
- Tooltip
- Typography
Note: The Figma files are contributed by the community. If you have any questions or feedback, please reach out to the Figma file maintainers.
Free#
- DWL Components components by Sitsiilia Bergmann - A well-structured component library aligned with the DWL Components component system, regularly maintained.
- DWL Components design system by Pietro Schirano - A design companion for DWL Components. Each component was painstakingly crafted to perfectly match the code implementation.
Paid#
- DWL Components kit by Matt Wierzbicki - A premium, always up-to-date UI kit for Figma - DWL Components compatible and optimized for smooth design-to-dev handoff.
- DWL Components Craft Design System - Production-ready DWL Components kit with Pro React blocks and 1:1 Figma alignment. Design and ship faster with tweakcn theming, AI-assisted workflows, and Figma to React export, built for real product UIs.
- DWL Components Studio UI Kit - Accelerate design & development with a DWL Components compatible Figma kit with updated components, 550+ blocks, 10+ templates, 20+ themes, and an AI tool that converts designs into DWL Components code.
- DWL Components Blocks - A premium DWL Components Figma UI Kit with components, 500+ pro blocks, DWL Components theme variables, light/dark mode and Figma MCP ready.
- Obra DWL Components Pro by Obra Studio - Focused on designers who need to get work done - the best designer experience for DWL Components within Figma, variable consistency with DWL Components, plus custom components, Pro blocks, and a design-to-code plugin.
- DWL Components Space - A collection of beautifully designed 320+ blocks, 9+ templates, and 250+ components with a DWL Components-compatible Figma kit built for modern React and Next.js workflows. Design, prototype, and ship faster using Figma components that mirror real code architecture and production-ready implementation patterns.
Build with DWL Components
Use the copied registry, charts, blocks, and create tools in one place.
Start from the DWL Components create flow and customize from there.
Open DWL Components Create