All Components

Figma UI components

Discover a complete collection of ready-to-use Figma UI assets built for sleek apps and high-converting websites. Designed with advanced Auto Layout, intelligent variants, and accessibility best practices from the ground up.

Foundations

The core building blocks of your design system — from color palettes and typography to icons, spacing, and grid rules — everything you need to create consistent, scalable, and visually balanced interfaces from the ground up.

Color styles

255 styles

Text styles

61 styles

Icons

100 variants

Spacing & Grids

28 variants + 4 styles

Logos

255 styles

Shadows & Blurs

61 styles

Atoms

Essential single-purpose UI elements that form the base of every interface — including avatars, buttons, input fields, progress indicators, empty states, and badges — designed to be simple, reusable, and consistent across your product.

Avatar

100 variants, 6 statuses, 7 sizes

Badges

255 variants, 4 styles, 4 types

Buttons

240 variants, 4 sizes, 2 types

Empty Sates

60 types, 3 styles

Input Fields

192 variants, 2 types, 4 sizes

Progress

176 variants, 5 sizes, 3 types

Application Components

Versatile, pre-assembled interface elements built from multiple smaller parts, designed to handle common product interactions and content display. They help you move faster by providing structured, ready-to-use pieces that fit seamlessly into different screens and layouts while staying consistent with the overall design system.