Plain UI – Simple template for Tailwind, Bootstrap and Bulma

Start your project with a simple template that allows you to find your own style. Use our Plain UI and build a page layout that is easy to customize with details.

A simple template means more time for styling

We created Plain UI as a foundation that does not impose a style and is a comfortable starting point. Minimalist design does not dictate the character of the website, but allows you to choose for yourself which information to show and where to emphasize.

You will find here the right elements to build the page layout using the Tailwind drag and drop editor. Each of them you can conveniently edit later and adjust to your needs. You can use low-code tools in the editor, edit the code under the components, or export the whole thing and work on it in your favorite environment.

How to build a simple template with Plain UI?

In the Plain UI set there are over 130 ready-made components. They are divided into the different types of content they contain. This makes it easy to build a page outline by interweaving different types of components with each other. Simply select the right category and drag the component of your choice onto the canvas.

Each of them has 8 color variations. Of course, you can easily change these colors using the class editor in the right menu. This way you can give the components their own character. You can save the changed component so that you can use it later in this or other projects.

Try it now in our demo editor. There is no need to register, just click nad play.

Of course, you can also change all graphics and texts.

After a while working with the editor you will quickly get the first working version of the page. You can show the modified project to your coworkers and clients by clicking “Preview in new tab”. This way you can quickly collect all comments and move on with the project.

Before showing your coworkers, it’s a good idea to review how the built website performs on phones.

Keep it DRY with our low code editor

DRY – or “Don’t repeat yourself” is a programming principle that is generally hard to disagree with. After all, who likes to do the same work all the time?

In Shuffle we go against this approach. Using ready-made UI libraries, you don’t have to build entire sections from scratch. You can choose options that fit right away and get on with refining them.

By saving classes and components, you can quickly build an entire page. This way, you can use the time you save to work in code where it will bring real profit and allow you to make something unique.

You can easily edit each component by clicking the custom HTML button.

Plan UI is also available in Bootstrap and Bulma

You can use a set of simple components in other frameworks as well. Use the Bootstrap online editor and start building your site!

Dont forget to check out our other UI libraries. There are over 27 of them now!