Back to the knowledge base

UI components library with Tailwind Css

Every license of Sjabloon comes with access for 12 months to the UI components library. It’s an extensive list of UI components designed and created exclusively for Sjabloon.

TailwindCSS is a utility-first CSS framework. It doesn’t include any component for you to use out-of-the-box. Luckily Sjabloon does come with one.

The list of components is continuing growing, but a selection includes: buttons, form inputs, dropdown and cards. Suggestions for new components are welcome.

Every component consists of Tailwind classes were possible and only additional Css is added for things like transition’s. The basis for all colours are defined within one file using Css variables so it’s really easy to customise to fit your brand.

Where noted Javascript is used. This is all done with clean written StimulusJS controllers.

Using these components in your own app, is as easy as copy-pasting the code (you need to be logged in).

A Rails SaaS starter kit to focus on your core product

Get started

25+ developers, companies and freelancers bought Sjabloon in the last 4 weeks