DEV Community

Cover image for Modern UI ressources built on top of Tailwindcss
Méschac Irung for Tailus

Posted on

7

Modern UI ressources built on top of Tailwindcss

Yesterday we released Tailus v2, and it's a set of Easy to customize UI Blocks, VS Code Snippets, and complete and modern Templates that are easy to customize and support light and dark mode, built on top of tailwindcss.

A few developers have tested these resources and given us great feedback (which you can find on our homepage). That's why I wanted to share this with you.

50+ Blocks

As an existing ressource, we brought major changes to our blocks :

  • Complete redesign to make them look modern and fit with others.

  • Support for dark and light mode

tailus blocks

VS Code Snippets

To make your life even easier, we built a VS Code extension that allows you to use some of our components in your html file without copying them from the browser.

After installing the extension, all that you have to do is to type in your html :tailus-"name of component", ex : tailus-card and see a list of modern cards snippets that you can use.

Install now

tailus snippets extension

Modern templates

That's not all as we have also designed two modern templates, one of which is complete with 13 pages (light and dark mode) to allow you to create an out of the box website for an innovative Sass or business.

Some screenshots :

tailus ampire solution hero section

tailus ampire mission section

tailus ampire blog

tailus ampire customers

tailus ampire testimonials

tailus ampire home hero section

tailus ampire contact page

tailus ampire pricing plans comparator

tailus ampire about hero section

And more...

What's next ?

I wrote this article to let you discover these ressources that you can use in your next tailwindcss project to make your ideas stand out.

Let me know what you think about all of the above, in the comments.

Find everything here

Blocks
Snippets
Templates

More on our website

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (1)

Collapse
 
meschacirung profile image
Méschac Irung

Let's talk here :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay