Redirecting to PayPal

Tailwind Flex - Premium UI Components & Figma File

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

Largest UI components library for Tailwind CSS

The largest set of UI components for Tailwind CSS allow you to find the right design for any purpose. You will find a separate set designed to build landing pages as well as dashboards. 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 Vertical Horizontal Page headings Section headings Graphs Charts Stats Headings Cards Forms Tables Modals Notifications Banners Alerts
And we'll give you even more.

Soon the set of components for landing pages and dashboards will be joined by premium components for e-commerce. You'll get them as an upgrade to your subscription, at no extra cost.

Open Visual Editor Open Figma File

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 6,200+ 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!

Frequently Asked Questions

What kind of website can I build with Flex for Tailwind CSS?

There is no limit to the type of pages you can build with Flex UI for Tailwind CSS.

Flex UI is built for flexibility and ease of customization for a variety of purposes. That's why it has five main color themes to start. Each of these also has five sub-variants, differing in background elements and section boundaries. This gives you a really great variety in the early stages of building a template.

Flex has two main sets of components for now - for building landing pages and dashboards. You can freely mix them together to expand your project with different sub-pages.

Soon we will release the third set of components, for building e-commerce. It will be available within previously purchased subscriptions at no additional cost.

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: https://shuffle.dev/static/files/examples.zip

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.