Launch Day ϟ

Frames X 2 is on Product Hunt 🚀

Web design system & Figma UI kits for crafting beautiful interfaces

Save thousands of lifetime hours with professionally crafted UI Kits

Increase your design and development workflow 10x

Build scalable systems, interfaces, and products

Make more money from your skills

  • Figma UI kit
  • Figma Charts
  • Figma Charts
  • Figma Charts
  • Figma UI kit
  • Figma Dashboard Template
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma Charts
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma e-commerce Template
  • Figma UI kit
  • Figma Charts
  • Figma Charts
  • Figma Charts
  • Figma UI kit
  • Figma Dashboard Template
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma Charts
  • Figma UI kit
  • Figma UI kit
  • Figma UI kit
  • Figma e-commerce Template
  • Calendar UI template in Figma
  • Line chart UI component in Figma
  • Heatmap chart UI component for Figma
  • Activity feed UI template for Figma
  • User profile UI template for Figma
  • Calendar UI template in Figma
  • Ecommerce UI template for Figma
  • Hero UI template for Figma
  • Calendar UI Component in Figma
  • Calendar UI template in Figma
  • Line chart UI component in Figma
  • Heatmap chart UI component for Figma
  • Activity feed UI template for Figma
  • User profile UI template for Figma
  • Calendar UI template in Figma
  • Ecommerce UI template for Figma
  • Hero UI template for Figma
  • Calendar UI Component in Figma

Build beautiful and timeless designs — scale your brand and design system

Build beautiful and timeless designs — scale your brand and design system

Frames X design system offers professional-grade UI kits to transform your work into a masterpiece, unleash your full creative potential, and level up as a designer.

Our Figma UI kits include essential components, website examples, templates, dashboards, charts, and more to bring your ideas to life!

Frames X design system offers professional-grade UI kits to transform your work into a masterpiece, unleash your full creative potential, and level up as a designer.

Our Figma UI kits include essential components, website examples, templates, dashboards, charts, and more to bring your ideas to life!

Rated 5 by 4,000+ people

UI kit and design system review

Josh Gojer

ibm.com

Universal UI kit and design system review

Jon Robinson

64robots.com

Powerful UI kit and design system review

Dean Brady

abbvie.com

Robust UI kit and design system review

Mariya Popel

epitome.inc

Premium UI kit and design system review

Sukit Suparatpinyo

nicetynine.com

Universal UI kit and design system review

Paul Mitchell Kelly

mudbath.com.au

Best UI kit and design system review

Maryam Kazeroon

yugabyte.com

Ultimate UI kit and design system review

Scott Perket

forge.is

Robust UI kit and design system review

Yalda Nabi

cybrd.uk

UI kit and design system for Figma review

Stevie

figmayo.com

UI kit and design system review

Josh Gojer

ibm.com

Universal UI kit and design system review

Jon Robinson

64robots.com

Powerful UI kit and design system review

Dean Brady

abbvie.com

Robust UI kit and design system review

Mariya Popel

epitome.inc

Premium UI kit and design system review

Sukit Suparatpinyo

nicetynine.com

Universal UI kit and design system review

Paul Mitchell Kelly

mudbath.com.au

Best UI kit and design system review

Maryam Kazeroon

yugabyte.com

Ultimate UI kit and design system review

Scott Perket

forge.is

Robust UI kit and design system review

Yalda Nabi

cybrd.uk

UI kit and design system for Figma review

Stevie

figmayo.com

UI kit and design system review

Josh Gojer

ibm.com

Universal UI kit and design system review

Jon Robinson

64robots.com

Powerful UI kit and design system review

Dean Brady

abbvie.com

Robust UI kit and design system review

Mariya Popel

epitome.inc

Premium UI kit and design system review

Sukit Suparatpinyo

nicetynine.com

Universal UI kit and design system review

Paul Mitchell Kelly

mudbath.com.au

Best UI kit and design system review

Maryam Kazeroon

yugabyte.com

Ultimate UI kit and design system review

Scott Perket

forge.is

Robust UI kit and design system review

Yalda Nabi

cybrd.uk

UI kit and design system for Figma review

Stevie

figmayo.com

Frames X UI kits have helped thousands of designers and developers create beautiful and functional interfaces and systems.

Frames X
Frames X
Figma Design System
Figma Website Templates
Figma UI Kit

UI Components

Website Layouts

Figma Templates

Figma Design System
Figma Website Templates
Figma UI Kit

UI Components

Website Layouts

Figma Templates

Frames X enhances your digital superpowers, accelerates the design to production workflow and helps get work done.

Our toolkit's regular updates and unique features ensure that it always delivers the best value for the Premium Figma UI kit you've been looking for.

Best Figma UI kit
Best Figma UI kit

Dmitriy Bunin

Creator of Frames X

For Developers

Build high-quality websites, apps, and design systems

Production-ready components

Unstyled and fully customizable

Override default configurations

CDK and framework utilities

*14 Components Available for Free

/getting-started

Install

npm i @cocokits/angular-components @cocokits/theme-frames-x

npm i @cocokits/angular-components @cocokits/theme-frames-x

npm i @cocokits/angular-components @cocokits/theme-frames-x

Configure

import { provideCocokits } from '@cocokits/angular-components';
import { framesXUIComponentConfig } from '@cocokits/theme-frames-x';

Powerful features to turn good designs into exceptional experiences

Best Figma UI Kit Bundle

Frames X is the largest Figma design system to exist with over 25k components in 80+ interface categories.

Ultimate Figma UI kit library with over 20K+ components across 70+ categories for smarter product design

Figma Websites Templates

Production-ready examples, UI kits, and Figma templates to build your website or applications faster.

Superior Figma Components

Practical and reusable Figma components for application and website design. No fluff, only essential UX.

Dashboards and Charts

Responsive data visualization charts, graphs, and dashboard examples for efficient product design.

100% Responsive Design

Resizable Figma components and UI elements for effortless design and fast production speed.

Practical UI Colors Palette

A robust and accessible multi-brand color system for feature-rich interfaces and design systems.

Accessible UI design

WCAG 3-compliant colors and styles, combined with a robust UI library, for the perfect project foundation.

Interactive Figma Components

Interactive components to accelerate prototyping with essential UI animations: hover, active, and clicked.

Global Figma Variables

Streamline your design to the development process with an easy-to-work Figma variables system.

Typography System

Scalable typography system with support for multiple fonts, ligatures, and screen resolutions.

Grid & Spacing System

Responsive grids, layouts, and spacing for consistent brand identity and scalable interface design.

Integrated Dark Mode

Practical optimized dark mode for accessible interface design and reduced manual color work.

Free Icons Packs

Includes open-source Remix icons pack, company logos, country flags, and payment icons.

Personal Support

If you have any issues, we're here to help. We'll reply to your email promptly within 24 hours.

Design Community Chat

Get into a growing community of design geeks where you can get help and share feedback.

Design Documentation

In-file docs to help effectively communicate with your team and make better design decisions.

On-Demand Access

Get immediate access to the newest version of Frames X UI kit through a secure private server.

Figma Variables Tokens

Includes a .json file with design system tokens to share and synchronize with your team.

Complete design projects faster
— get paid more and work smarter

Frames X design system helps you effortlessly create and manage multiple projects. With our UI kits, components, and templates, you'll be able to take on bigger, more ambitious projects with no fear.

Universal design principles

Unparalleled UI kit experience

Reusable Figma components

Time-saving templates & elements

Time-saving templates & assets

Create responsive and beautiful sites in 1 min

Create responsive and beautiful sites in 1 min

But that's not it! Frames X design system will help you achieve much more ↓

Unleash your web
design ninja skills 🥷

Easily create jaw-dropping designs and provide bulletproof solutions for your business.

Responsive Figma templates

Production-ready website examples

Dynamic typography

Deliver stunning and
functional designs

Use our practical Figma components to create scalable interfaces and systems faster.

Dashboards & charts examples

Thoughtful UI components & variants

Practical Figma variables & styles

Create adaptable designs that evolve with your project

Our UI kits and design techniques are built to transform your work from basic to extraordinary.

Robust Figma components & templates

Support for light & dark modes

Smooth UI kit customization

Create prototypes faster

Use our carefully crafted interactive components to create prototypes faster.

Easy to customize & handoff designs

Interactive components playground

Delightful & simple UI animations

Level up ⇪ your design and brand team —
deliver beautiful work without sacrificing consistency

Frames X is the best foundation you can ever find for your project!

Our UI kit is designed to help teams and products produce flawless websites and app interfaces faster.

Multi-brand design system

Figma documentation & guidelines

Over 20K functional UI components

Easy to adjust, repurpose & reuse

Customize and reuse designs effortlessly

Customize and reuse designs effortlessly

Create responsive and beautiful sites in 1 min

★★★★★

It’s truly insane value for the amount of work and materials provided that went into building Frames X UI kit. A thoughtful design system with careful consideration for responsiveness and customization, makes it an amazing product.

It’s truly insane value for the amount of work and materials provided that went into building Frames X UI kit. A thoughtful design system with careful consideration for responsiveness and customization, makes it an amazing product.

Frames X UI Kit and design system review
Frames X UI Kit and design system review

Nick St. Pierre

Nick St. Pierre

Nick St. Pierre

@nickfloats

Frames X design system helps thousands of creatives scale their business and earn more money from their work

Frames X design system helps thousands of creatives scale their business and earn more money from their work

I find working with your UI kit versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired me to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Best Figma UI Kit

I find working with your UI kit versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired me to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Best Figma UI Kit

I find working with your UI kit versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired me to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Best Figma UI Kit

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Best Figma UI kit

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Best Figma UI kit

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Best Figma UI kit

Frames X is a full-fledged design system with well-thought-out design course and ready-made components. You can see a huge amount of work and effort. Every UI element of this design system is cool and high quality.

Gleb Sabirzyanov

@gleb_sexy

Best Figma UI kit

Frames X is a full-fledged design system with well-thought-out design course and ready-made components. You can see a huge amount of work and effort. Every UI element of this design system is cool and high quality.

Gleb Sabirzyanov

@gleb_sexy

Best Figma UI kit

Frames X is a full-fledged design system with well-thought-out design course and ready-made components. You can see a huge amount of work and effort. Every UI element of this design system is cool and high quality.

Gleb Sabirzyanov

@gleb_sexy

Best Figma UI kit

Hey, I just wanted to say I bought the Frames X UI Kit, and it's extremely well-designed—exactly as I want my design system to be. Kudos for making it real!

Gautham

@gauthamcode

Figma UI kit Review

Hey, I just wanted to say I bought the Frames X UI Kit, and it's extremely well-designed—exactly as I want my design system to be. Kudos for making it real!

Gautham

@gauthamcode

Figma UI kit Review

Hey, I just wanted to say I bought the Frames X UI Kit, and it's extremely well-designed—exactly as I want my design system to be. Kudos for making it real!

Gautham

@gauthamcode

Figma UI kit Review

Frames X is an exceptional UI kit tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Best Figma UI Kit

Frames X is an exceptional UI kit tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Best Figma UI Kit

Frames X is an exceptional UI kit tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Best Figma UI Kit

Love how well-structured your product is and detailed the design system, it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Best Figma UI kit

Love how well-structured your product is and detailed the design system, it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Best Figma UI kit

Love how well-structured your product is and detailed the design system, it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Best Figma UI kit

My team uses FramesX UI kit every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Best Figma UI Kit

My team uses FramesX UI kit every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Best Figma UI Kit

My team uses Frames X every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Best Figma UI Kit

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Best Figma UI Kit

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Best Figma UI Kit

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Best Figma UI Kit

Your design system work is truly remarkable. I don’t think there’s a better Figma design system out there than FramesX.

Jon Moore

@TheJMoore

Best Figma UI kit

Your design system work is truly remarkable. I don’t think there’s a better Figma design system out there than FramesX.

Jon Moore

@TheJMoore

Best Figma UI kit

Your design system work is truly remarkable. I don’t think there’s a better Figma design system out there than FramesX.

Jon Moore

@TheJMoore

Best Figma UI kit

If you haven't bought it yet, FramesX is one of the best UI kits for building digital products and learning Figma.

Adrián Carranco

@aciles_

Best Figma UI kit

If you haven't bought it yet, FramesX is one of the best UI kits for building digital products and learning Figma.

Adrián Carranco

@aciles_

Best Figma UI kit

If you haven't bought it yet, FramesX is one of the best UI kits for building digital products and learning Figma.

Adrián Carranco

@aciles_

Best Figma UI kit

I just bought Frames UI kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Best Figma UI Kit

I just bought Frames UI kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Best Figma UI Kit

I just bought Frames UI kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Best Figma UI Kit

Frames X UI kit belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Best Figma UI Kit

Frames X UI kit belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Best Figma UI Kit

Frames X UI kit belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Best Figma UI Kit

You’ve got the most complete and detailed design system and UI kit I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Best Figma Design System

You’ve got the most complete and detailed design system and UI kit I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Best Figma Design System

You’ve got the most complete and detailed design system and UI kit I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Best Figma Design System

Your design system has been helpful to me and my team, thank you for making FramesX UI Kit!

Wiam Abou Naim

@abounaimwiam

Best Figma UI Kit

Your design system has been helpful to me and my team, thank you for making FramesX UI Kit!

Wiam Abou Naim

@abounaimwiam

Best Figma UI Kit

Your design system has been helpful to me and my team, thank you for making FramesX UI Kit!

Wiam Abou Naim

@abounaimwiam

Best Figma UI Kit

Investing in your design system is the best thing I did as a UI designer.

MT Labs

@MTLABS_

Best Figma UI Kit

Investing in your design system is the best thing I did as a UI designer.

MT Labs

@MTLABS_

Best Figma UI Kit

★★★★★

Hands down, it's the best UI kit I've spent my money on!

Frames X testimonials
Frames X testimonials

Awolesi Gideon

Awolesi Gideon

Awolesi Gideon

@deesignar

Why Frames X is the best Figma UI kit and design system?

Maintained since 2017

Frames X's ultimate goal is to provide you with superior assets that solve your daily routine tasks and give them more time for themselves.

Built for absolute customization

Frames X is a superior design system that focuses on customization. Our UI kits renown for scalability, adoption, and infinite reusability.

The #1 Figma UI kit & design system

World's largest and ever-growing design system with over 25k components in 80+ different interface categories.

Master advanced UI design techniques

Instead of learning Figma and design from scratch, learn from real-world design examples and master Figma by working and interacting with it.

Beta

Open-source code components

Turn your Frames X designs into working websites and applications with practical UI components.

Beta

Design and code unified

Hand-off your design with zero effort—build designs and systems that scale with your business.

Why Frames X is the best Figma UI kit and design system?

Maintained since 2017

Frames X's ultimate goal is to provide you with superior assets that solve your daily routine tasks and give them more time for themselves.

Built for absolute customization

Frames X is a superior design system that focuses on customization. Our UI kits renown for scalability, adoption, and infinite reusability.

The #1 Figma UI kit & design system

World's largest and ever-growing design system with over 25k components in 80+ different interface categories.

Master advanced UI design techniques

Instead of learning Figma and design from scratch, learn from real-world design examples and master Figma by working and interacting with it.

Beta

Open-source code components

Turn your Frames X designs into working websites and applications with practical UI components.

Beta

Design and code unified

Hand-off your design with zero effort—build designs and systems that scale with your business.

Pricing

Access the #1 Web Design System and Figma UI Kit—Use for personal, freelance, and team projects.

Personal 1 user

$

127

Lifetime license with free forever updates for 1 person.

Web Figma UI Kit

The largest web design Figma UI kit

Mono Figma UI Kit

Mono-styled Figma UI kit

Root Figma UI Kit

Wireframe and illustrations Figma UI kit

Code Components

Beta

Open-source UI components

Design Tokens & Variables

Beta

Global parameters for design systems

Figma Components

25K practical Figma components

Website Layouts

500+ website layout examples

Dashboards & Charts

130+ charts and dashboard templates

Optimized Dark Mode

Light & dark mode UI themes

Figma Auto Layout

Includes Auto layout 5.0 & min/max wrap

Typography Variables

Scalable & dynamic typography system

Design Handbook

Documentation & Figma best practices

Interactive Components

UI elements interactions & animations

Component properties

Figma variants & properties

UI Icons and free logos

Free open-source icons & logos

License

Lifetime Updates

Free updates for your team, forever.

Support

Premium Support

We'll reply to you promptly within 24 hours

Access to Community Chat

Chat to request help & share feedback

Team Up to 3 users

$

297

Lifetime license with free forever updates for up to 3 users.

Web Figma UI Kit

The largest web design Figma UI kit

Mono Figma UI Kit

Mono-styled Figma UI kit

Root Figma UI Kit

Wireframe and illustrations Figma UI kit

Code Components

Beta

Open-source UI components

Design Tokens & Variables

Beta

Global parameters for design systems

Figma Components

25K practical Figma components

Website Layouts

500+ website layout examples

Dashboards & Charts

130+ charts and dashboard templates

Optimized Dark Mode

Light & dark mode UI themes

Figma Auto Layout

Includes Auto layout 5.0 & min/max wrap

Typography Variables

Scalable & dynamic typography system

Design Handbook

Documentation & Figma best practices

Interactive Components

UI elements interactions & animations

Component properties

Figma variants & properties

UI Icons and free logos

Free open-source icons & logos

License

Lifetime Updates

Free updates for your team, forever.

Support

Premium Support

We'll reply to you promptly within 24 hours

Access to Community Chat

Chat to request help & share feedback

Team Unlimited users

$

597

Lifetime license with free forever updates for up unlimited users.

Web Figma UI Kit

The largest web design Figma UI kit

Mono Figma UI Kit

Mono-styled Figma UI kit

Root Figma UI Kit

Wireframe and illustrations Figma UI kit

Code Components

Beta

Open-source UI components

Design Tokens & Variables

Beta

Global parameters for design systems

Figma Components

25K practical Figma components

Website Layouts

500+ website layout examples

Dashboards & Charts

130+ charts and dashboard templates

Optimized Dark Mode

Light & dark mode UI themes

Figma Auto Layout

Includes Auto layout 5.0 & min/max wrap

Typography Variables

Scalable & dynamic typography system

Design Handbook

Documentation & Figma best practices

Interactive Components