Frames X UI Kit
Design systems that scale, UI that lasts
One time feeUI Library1,266 impressions#11 of its week
Frames X UI Kit is a comprehensive Figma design system with UI components, templates, and design tokens for building websites and SaaS apps.
- for
- Designers and developers building web products with Figma
- pricing
- paid
Key features
- 3,500+ UI components — Provides a massive library of reusable components across 80+ web design categories.
- Parametric Figma variables & tokens — Universal variables let you fine-tune designs quickly with scoped tokens.
- Responsive templates & dashboards — Pixel-perfect, resizable layouts, charts, and widgets for fast prototyping.
- Interactive component states — Hover, click, and other interactive variants for realistic prototypes.
- Angular & React utilities — NPM packages and CDK utilities to integrate the kit with Angular or React codebases.
Use cases
- Create a full design system for a SaaS product in weeks
- Build responsive website mockups with ready-made Figma layouts
- Prototype interactive dashboards with pre-built charts and widgets
Frames X UI Kit vs alternatives
 Frames X UI Kit |  shadcn/ui |  Material UI |  Flowbite |  Tailkit | |
|---|---|---|---|---|---|
| Best for | All-in-one Figma UI kit | React component library | Material Design components | Tailwind UI components | Rapid web app UI building |
| Pricing | Paid | Free | Free | Free | One time fee |
| DevHunt upvotes | 0 | 0 | 0 | 36 | 18 |
| Launched | Oct 2025 | — | — | Jan 2024 | Apr 2024 |
- Frames X UI Kit vs shadcn/ui: shadcn/ui is an open-source React component library, while Frames X is a Figma-focused UI kit with design tokens and templates.
- Frames X UI Kit vs Material UI: Material UI implements Material Design for React, whereas Frames X offers a broader set of Figma components and design system features.
- Frames X UI Kit vs Flowbite: Flowbite provides Tailwind-CSS components, while Frames X is a Figma design system with extensive UI kits and variables.
- Frames X UI Kit vs Tailkit: Tailkit focuses on building modern web apps quickly, but Frames X delivers a full Figma design system for UI creation and prototyping.
Frames X UI Kit FAQ
How do I install the kit for Angular projects?+
Run npm i @cocokits/angular-components @cocokits/theme-frames-x and import provideCocokits and framesXUIComponentConfig as shown in the docs.
Can I customize colors and themes?+
Yes, the kit includes multi-brand design tokens, dark/light modes, and editable Figma variables for easy theming.
Is there support available?+
Personal support is provided with email replies within 24 hours.
What format are the design assets delivered in?+
All components, templates, and icons are delivered as Figma files and a JSON file of design tokens.
Summarized by DevHunt from framesxdesign.com · Oct 5, 2026. Details may change; check the official site.
