Tailwind CSS

 

What is Tailwind CSS?

Tailwind CSS defines itself as "A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup."

What does that actually mean? Essentially, Tailwind can help developers quickly build and customise websites using its pre-configured low level CSS classes. It is open source and adaptable to almost any design owing to its "utility-first" approach.

Crucially, when deployed to websites, the CSS output is stripped back to only include the CSS specifically required to build the design, thereby avoiding unnecessary bloat.

 

The best of
Both Worlds

At Bluelinemedia, we've developed our own in-house CSS framework based on HTML5 Boilerplate that is both lightweight and highly adaptable. 

The majority of our client base require completely bespoke design work often including pixel-perfect rendering of designs. As such, we use our own BEM (Block-Element-Modifier) framework to achieve this.

However, we are beginning to adopt Tailwind CSS for more application focussed projects where the speed, pre-made components and baked-in responsiveness allows more rapid development and prototyping.

Component Library
DaisyUI

Adding another layer to the advantages of Tailwind CSS. DaisyUI is a free, open-source component library available as a plugin that adds pre-made UI elements to Tailwind CSS, making it easier to create web interfaces.

Implementing DaisyU, building on Tailwind CSS as a foundation, we are able to focus on developing improved functionality for our clients without the overhead of component design.

Talk to us today

Need help with your Tailwind CSS?

Get in touch

Dashboard reporting

Bespoke dashboard

Read More 

Solution

API integration

ThankQ CRM integration

Read More 

Solution

Staff Intranet

Instant task list

Read More 

Solution
Home