$0+

Preline UI Figma - World's largest free Figma design system

22 ratings
I want this!

Preline UI Figma - World's largest free Figma design system

$0+
22 ratings

Preline UI Figma - crafted with Tailwind CSS styles

World's largest free Figma design system

Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions.

Learn More

Features:

  • Over 5k Components and Variants
  • Built with Auto layout and Constraints
  • Browse dozens of components and drag them into the canvas from the Assets or Resources panel.
  • 12-column Grid System
  • 23 Tailwind CSS Color palettes
  • Endlesssssss Tailwind CSS font Sizes to choose from
  • Available with Figma Tokens plugin
  • With Preline UI you can be sure of easy navigation, proper naming, well-grouped components, explains the guiding principles and strategies used to build and maintain it.

  • 36 Global components - From grid layouts to charts, navbars, advanced forms, base components and more.
  • 5,000+ Components and variants - When it comes to Preline UI components and options, there are no limits.
  • 400+ Predefined examples - Hundreds of component examples for all your website needs.

Extendable Beyond Imagination

It’s not just a website Preline UI Figma is capable of building - it can be an app, software, visuals or whatever genius idea you can think of.


Essential components

COMPONENTS:

  • Accordion
  • Alerts
  • Avatar
  • Badge/Tags
  • Blockquotes
  • Buttons
  • Button Icons
  • Devices
  • Static Icons
  • Lists
  • Legend Indicator
  • Progress
  • Loading State
  • Steps

NAVIGATIONS

  • Header/Navbar
  • Navs/Tabs
  • Breadcrumb
  • Pagination

BASIC FORMS

  • Input
  • Radio
  • Checkbox
  • Switch

ADVANCED FORMS

  • Datepicker
  • Drag’ n’ Drop File Uploads
  • File Uploading Progress
  • WYSIWYG Editor

OVERLAYS

  • Dropdowns
  • Tooltips

CHARTS

  • Line Chart
  • Bar Chart
  • Circles (Pie chart)
  • Doughnut Chart
  • Half Circle Chart

MEDIA

  • Slider/Carousel

UTILITIES

  • Links
  • Shadows
  • Blur

RESOURCES

  • Icon Collection (Bootstrap Icons)
  • Brands & Avatars
  • Illustration
  • Flags
Preview in Figma

Any Questions?

Answers to the most frequently asked questions.

Is Preline UI Free?

Yes, it's free for commercial and personal use and is copyright 2022 Htmlstream. Learn more about the license terms and conditions here https://preline.co/license.html


A product of Htmlstream.

Have questions? Contact us at https://htmlstream.com/contact-us.

$
I want this!

Preline UI Figma - crafted with Tailwind CSS styles

Lifetime updates
✔️
Variants & Properties
✔️
Auto layout and constraints
✔️
Figma Tokens
✔️
Bootstrap Icons
✔️
Grid System
12-column
Tailwind CSS Font Sizes
from XS to 9XL
Tailwind CSS Color styles
23
Essential components
36
Components and variants
5k+
Predefined examples
400+
Format
.fig
Support
We're here to help
Size
72 MB
Copy product URL

Ratings

4.9
(22 ratings)
5 stars
95%
4 stars
0%
3 stars
0%
2 stars
5%
1 star
0%