Redirecting to PayPal

Flex - Premium Tailwind UI Components & Figma File

The largest UI library for Tailwind CSS with Figma sources will let you create beautiful templates in no time.

Largest UI components library for Tailwind CSS

The largest set of Tailwind UI components will allow you to find the right design for any purpose. Its components come together seamlessly to give you a solid design.

Navigations Headers Features How it works Pricing Testimonials Logo clouds Sign up Applications Blog posts Content Rich text FAQ Team Careers Contacts Newsletter Call to action Numbers Http codes Modals Cookies Footers
And we'll give you even more.

All of this is just the first part of the kit - for building a landing page. We still have the E-commerce and Dashboard kit in the pipeline. You'll get them as an upgrade to your subscription, at no extra cost.

Open Visual Editor Open Figma File

Frequently Asked Questions

Is Flex part of Tailwind UI from Tailwind Labs?

No. Flex is an original UI library created by Shuffle. Tailwind UI is a product from Tailwind Labs. Flex is one of thirty UI libraries in various frameworks that you get access to as part of your subscription.

What is a UI library?

A library is a set of components that fit together and are planned so that a functioning website can be built from them. In the case of Flex, these are the UI components for Tailwind. To build a template from them and export the code, it's best to use our visual editor.

In what format do I export files from the editor?

Once you have prepared a template in the editor, we allow you to export to popular formats. At the moment this is:

  • HTML, PUG, Sass (or Tailwind config), CSS files for Bootstrap, Bulma, and Tailwind CSS
  • JSX code for Material-UI libraries

You can test the sample output here:

In the future, we will be adding or converting UI libraries to be compatible with more frameworks.

How do I get access to the code and components?

When you buy access to any type of subscription - annual or monthly, you get access to all components included in Shuffle Editor. Our components are divided into UI libraries, created by designers in a uniform style.

You can browse our premium Tailwind CSS UI components from all our libraries in two places: inside the editor and in the component gallery.

You can also use our Visual Studio Code extension, to have a direct access to our components via your IDE.

Can I use images and graphics from your templates?

We take great care to ensure that all assets, photos, and graphics, are open-sourced with licenses that allow their use. However, we cooperate with a lot of designers and we can't guarantee that in absolutely every case they used such sources - that's why we strongly encourage you to swap assets and personalize pages built on the templates.

The easiest way to create beautiful templates

The selected plan includes annual access to the editor for Tailwind CSS, Bulma, Bootstrap, and Material-UI.

Annual Subscription

Create an account

We issue VAT invoices.

Beautiful UI libraries

Switch between UI libraries and create unique projects every time. You have 5,000+ UI components at your disposal.

Flexible solution

Work in your favorite technologies: Tailwind CSS, Bootstrap, Bulma, or Material‑UI (React).

Constant update

You'll get new UI libraries every month.

No limits

Create and export unlimited projects for yourself or your clients.

Plugin support

Work the way you are comfortable. After exporting, improve your work in any IDE. Registered users can use our Visual Studio Code extension!