Tailwind CSS
esbuild
Our great sponsors
Tailwind CSS | esbuild | |
---|---|---|
1030 | 280 | |
64,704 | 34,496 | |
1.9% | - | |
9.8 | 9.9 | |
8 days ago | 6 days ago | |
HTML | Go | |
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
-
Learn how to set up your React 18 project with Tailwind 3.x in 2023.
Go to the Tailwind website
-
Building a multi-framework dashboard with Astro
I also installed Tailwind CSS to create most of the layout for the page, with the prefix option of tw- (this is to prevent clashing classes between Tailwind and Vuetify).
-
How do I understand the build system in modern F# web projects?
The other major frameworks I use are tailwindcss for styling and Fable.Lit for the views.
-
Simple to-do task list with per-day group, localStorage persistence and backup tools
I made this with VueJS (CDN), Tailwindcss and Flowbite components.
-
Libraries to consider when using React in 2023 for production applications.
Using Tailwind CSS, you don't have to write custom CSS to style your application because it's a utility-first framework. These days it is widely used among developers to build complex UI because of its simplicity. You can check out their official docs for more information.
-
I created a website for sharing and copying your favorite emojis.
Tailwind CSS: A utility-first CSS framework
-
Launching an Engineering Blog
I decided to choose jigsaw as I am familiar with the technologies it's built with (PHP , Tailwind for styling and Blade as template engine) as it will be easy to customize if needed besides that, it comes with decent amount of features out of the box, I barely did any customization to it, just followed the installation instructions and got started.
-
dead-simple widget lib/framework?
I'd use Tailwind - the ready-made CSS classes make it really simple to get a nice-looking UI...
-
Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS]
Tailwind was perfect for this. It is a simple utility css library with classes for the smallest things, like width or background color. It also allows you to create custom themes with classes such as color-primary, where you can define what that ends up meaning. This combined with Vue components means you can create small components that look nice and are reusable.
- Tailwind CSS senza Node.js
esbuild
-
A better way to set up a Cloudflare worker project locally with Miniflare
When your worker script becomes very long and complex, developers like you and me find it very hard to manage the code itself. Using esbuild with Cloudflare Worker, you can separate your code into different files.
-
Web 3.0 frontend stacks in 2023
React is first choice, because of it's many web3 libs. Vercel is the easiest place deploying Next.js with Turborepo. However, by using vercel's useful features (Edge functions, ISR, etc.), it is more difficult to deploy to IPFS and make dApp fully decentralized. Vite or esbuild are also suitable for smaller applications and tools.
-
Best front-end stack for Golang backend
I have just started experimenting with the esbuild bundler as a package to use for go:generate, and go:embed.
-
Things I want to see in JavaScript and Front end development in 2023
esbuild https://esbuild.github.io/ I usually write my bundling progmatically with it now.
-
Inline scoped css files to reduce initial download
esbuild for using & bundling npm packages
-
An efficient way to build your serverless microservices. Part 1. Local Development.
integration with state-of-the-art JavaScript bundler - esbuild
-
The Role of Transpilers in Web Development
The so-called 'next generation compilers' have been gaining more and more momentum recently. The revolution started with the Go language powering ESBuild and now it's mainly focused on Rust and tools like SWC. What's the point? - one may ask. Well, back in the past, JavaScript was used to build small or medium-sized web pages. However, this changed years ago and there are huge applications composed of hundreds of views and thousands of files available on the market.
- esbuild v0.17.0 - a major new release (with some backwards-incompatible changes)
-
What is(are) the best resource(s) to lean how to build modern web applications?
Packaging - turning all your code, CSS, assets, etc. into the files you'll actually stick on your host server. e.g. webpack, maybe esbuild, etc..
-
You Want Modules, Not Microservices
Where do you begin if the code was in hundreds of separate modules? It's not clear if it's easier. You would take time to load the code into your brain regardless of the structure.
By the way, JavaScript parser in esbuild is a 16 thousand lines of code module too:
https://github.com/evanw/esbuild/blob/0db0b46399de81fb29f6fc...
What are some alternatives?
swc - Rust-based platform for the Web
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
windicss - Next generation utility-first CSS framework.
flowbite - The most popular and open-source library of Tailwind CSS components
antd - An enterprise-class UI design language and React UI library
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
parcel - The zero configuration build tool for the web. 📦🚀
vuetify - 🐉 Vue Component Framework
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications