Tailwind CSS
flowbite
Our great sponsors
Tailwind CSS | flowbite | |
---|---|---|
1261 | 184 | |
77,084 | 6,720 | |
1.9% | 3.6% | |
8.8 | 9.8 | |
4 days ago | 2 days ago | |
HTML | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Tailwind CSS
-
I Deployed My Own Cute Lilโ Private Internet (a.k.a. VPC)
Each appโs front end is built with Qwik and uses Tailwind for styling. The server-side is powered by Qwik City (Qwikโs official meta-framework) and runs on Node.js hosted on a shared Linode VPS. The apps also use PM2 for process management and Caddy as a reverse proxy and SSL provisioner. The data is stored in a PostgreSQL database that also runs on a shared Linode VPS. The apps interact with the database using Drizzle, an Object-Relational Mapper (ORM) for JavaScript. The entire infrastructure for both apps is managed with Terraform using the Terraform Linode provider, which was new to me, but made provisioning and destroying infrastructure really fast and easy (once I learned how it all worked).
- Free Resources Every Web Developer Should Know About
-
Tailwind CSS v4.0.0 Alpha
Sure. The solution is to disable preflight or override its styles.
-
๐ค My top 3 Go packages that I wish I'd known about earlier
โจ In recent months, I have been developing web projects using GOTTHA stack: Go + Templ + Tailwind CSS + htmx + Alpine.js. As soon as I'm ready to talk about all the subtleties and pitfalls, I'll post it on my social networks.
-
Go + Hypermedia - A Learning Journey (Part 1)
TailwindCSS - utility-first CSS framework
-
From Messy to Memorable: Shorten Your Links, Boost Your Brand
Tailwind โ CSS
-
Leveraging WordPress as a Headless CMS for Your Astro Website: A Comprehensive Guide
TailwindCSS for utility-first styling, promoting design flexibility and ease of customization.
-
Create a Blog web app using Adonis.js 6
The resources directory is where I always start. It contains the Edge templates and the frontend code. Luckily, Adonis.js leverages Vite, a lightning-fast bundler that simplifies installing frontend development tools like Tailwind. This saves us time and keeps our development/build workflow efficient.
- Building an Image Recognition Website with SvelteKit and TensorFlow.js
-
How to Build an Ecommerce Website with ApostropheCMS
This starter Kit has been created by Corllete in partnership with Apostrophe. From a technical point of view, the ecommerce project is based on several UI components. Each of them relies entirely on Tailwind CSS for styling, with no additional CSS files. These components are organized in macros and fragments coming from the default server-side template engine Nunjucks.
flowbite
- Tailwind Color Palette Generator
-
Shadcn: Beautifully designed components that you can copy-paste into your apps
- https://flowbite.com/
- Catalyst โ Tailwind CSS Application UI Kit
- Which is a better ui framework for vue with tailwind daisyUI or flowbite
-
Open-source phone input components coded with Tailwind CSS
Flowbite
- Flowbite v2.2.0: new number input components and improvements
-
Open-source number input component examples with Tailwind CSS
Before getting started, make sure that you have both Tailwind CSS and Flowbite installed in your project so that the rendered HTML and JS will be functional.
-
Learn how to use JavaScript to power UI components based on Tailwind CSS
Flowbite uses JavaScript to power the interactivity of the more complex UI components such as datepickers, dropdowns, and modals while also leveraging the utility classes from Tailwind CSS.
-
Learn how to install Blazor (.NET) with Flowbite and Tailwind CSS
Flowbite is another popular and open-source UI component library that is based on Tailwind CSS and can help you build websites even faster where you can leverage elements like dropdowns, modals, navbars, and more.
-
An Overview of 25+ UI Component Libraries in 2023
Flowbite: Components on top of Tailwind for not only JavaScript frameworks like React, Qwik, Vue, Svelte, Angular, and SolidJS, but also for popular meta frameworks such as Astro, Next.js, Remix, Nuxt, Meteor, and non JS frameworks such as Laravel, Symfony, Ruby on Rails, Pheonix, Django, and Flask.
What are some alternatives?
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
antd - An enterprise-class UI design language and React UI library
unocss - The instant on-demand atomic CSS engine.
windicss - Next generation utility-first CSS framework.
emotion - ๐ฉโ๐ค CSS-in-JS library designed for high performance style composition
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
vuetify - ๐ Vue Component Framework
chakra-ui - โก๏ธ Simple, Modular & Accessible UI Components for your React Applications
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
element-plus - ๐ A Vue.js 3 UI Library made by Element team