Explore EmviUI
Figma UI kit components

Browse the EmviUI Figma component library, from form controls and navigation to data tables and design foundations. Compare patterns and adapt them to your product.

Free

Components

🎨 Foundations

Free

Colors

Information

Free

Typography

Information

Free

Spacing & Sizes

Information

Free

Shadows

Information

Free

Phospor Icons

Information

Free

Logos

Information

Free

Flags

Information

❖ Base components

Free

ContentModulesCreator

8 Variants

Free

GroupModulesCreator

16 Variants

Free

Avatar

96 Variants

Free

Button

1128 Variants

Free

Button groups

36 Variants

Free

Badge & Tag

340 Variants

Premium

Chip

336 Variants

Free

Table cells

960 Variants

Premium

Breadcrumbs

86 Variants

Premium

Alert & Toast

70 Variants

Free

Notifications

128 Variants

Free

Checkbox

100 Variants

Free

Toggle

2404 Variants

Free

Radio Button

16 Variants

Free

Input

256 Variants

Free

Select input

12 Variants

Free

List / Dropdown

20 Variants

Free

Progress bar

50 Variants

Free

Charts (Chartjs)

896 Variants

Premium

Stepper

196 Variants

Free

Tooltip

784 Variants

Free

Burger & Navbar items

840 Variants

Premium

Carousel

149 Variants

Premium

Backgrounds

22 Variants

Free

Mockups

50 Variants

🔶 Combined components

Free

Mega Menu

1792 Variants

Free

Navbar

64 Variants

Premium

Navbar App

6 Variants

Premium

Sidebar

256 Variants

Free

Footer

64 Variants

Premium

Card

580 Variants

Free

Modal

144 Variants

Premium

Date picker

36 Variants

Premium

Calendar

7 Variants

Premium

Form

441 Variants

Premium

Accordion

8 Variants

Free

Slider

14 Variants

Free

Pagination

12 Variants

Premium

Empty State

16 Variants

Premium

Error

32 Variants

Choose components by the job they do

The component previews show individual building blocks of the EmviUI Figma kit. Start with a foundation, then inspect the controls and navigation your flow needs. Open a detail page to compare the visible variants before adapting them to your product.

Foundations first

Review color, type and spacing together. These choices set the visual rhythm for every screen and make later component decisions more consistent.

Actions and input

Check how primary actions, text fields and choices read in a form. Compare their labels, hierarchy and available states in the Figma preview.

Navigation and feedback

Choose navigation that fits the number of destinations, then pair it with clear progress and status patterns for longer tasks.

Need to see these pieces in context? Browse the screen library, or inspect the free Figma file before choosing a license.

Update cookies preferences