Tailwind CSS
Bulma
Our great sponsors
Tailwind CSS | Bulma | |
---|---|---|
1020 | 121 | |
64,704 | 46,731 | |
1.9% | - | |
9.8 | 8.0 | |
3 days ago | 12 days ago | |
HTML | CSS | |
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
-
Set up Tailwind in your Project
warn - The `content` option in your Tailwind CSS configuration is missing or empty. warn - Configure your content sources or your generated CSS will be missing styles. warn - https://tailwindcss.com/docs/content-configuration Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating Rebuilding... Done in 88ms.
-
Learning HTML, CSS and Javascript
In addition to front-end frameworks like React, there are CSS frameworks and component libraries that you can use to make it easier to build good-looking UIs. Bootstrap used to be very popular, but these days I'm seeing a lot of startups using newer solutions like Tailwind and Chakra. You'll find a bunch of these if you search for "CSS frameworks" or "Component Libraries" online.
-
How to install Remix with Flowbite and Tailwind CSS
Now that you have a Remix project configured you can proceed by installing Tailwind CSS:
-
How to build a landing page using Tailwind CSS and no code tools
You should see a landing page with some filler text and an image that automatically changes if you reload the webpage. Take a look at the documentation on the Tailwind CSS website and you will see how easy it is to change the style of the landing page. The margin, padding, colours and page layout can all be customised with just a few class changes. Honestly, the Tailwind CSS documentation is the best place for learning how to use the code.
-
CSS Style Guide for Web Dev?
Personally I like twin.macro the most. It’s similar to the above but based on Tailwind.
- Website Erstellung - State of the Art
-
Web 3.0 frontend stacks in 2023
UI, CSS : tailwindcss + PostCSS + Radix UI + UI components by shadcn
-
Dark mode with Shiki and Code Hike
If you use Tailwind CSS and use the dark mode with the class strategy instead of media query, you can override the variables like this:
-
[Update] Simple static website for an artist friend
Also at the start I used TailWind CSS but to remove the css build step I converted everything back to css, keeping some tailwind css in my main.css file.
-
Advice for backend dev with poor UI skills?
Ok you can take the easy way out and just use a framework like Bootstrap or Tailwind. As a matter of fact Tailwind has it's own Refactoring UI Book that you can use to learn. In my opinion, UI designers just wing it for the most part. At least there's no single method to this.
Bulma
-
I built a Cannabis Data Website in Drupal called Strainy
Bulma
-
8 CSS Frameworks to create wonderful websites.
Bulma Bulma is a free, open-source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.CSS Knowledge is not needed when using bulma.
-
What working with Tailwind CSS every day for 2 years looks like
Yeah, I used Bootstrap for a long time, and got used to how it works.
I wanted to like Tailwind, but it seems a bit disingenuous. It's like using inline style tags, just with shorter names.
From time to time I've made an effort to learn how CSS works, but after a while I forget the details. It's more productive if I can browse a catalogue of visual examples, with concise markup that is easy to copy and paste.
Bulma seems like the more "modern" take on Bootstrap: https://bulma.io/
- Има ли някой който се занимава с разработка на сайтове, и има желанието и нервите да ми помогне?
-
Ask HN: How to build online calculator website?
For styling, depending on the look and feel you are shooting for, I would suggest either a classless CSS library like https://watercss.kognise.dev/ or (the one I sponsor) https://missing.style
Or, if you want something a bit fancier and are willing to put in some work, Bulma is easy to get going with:
If you want to sprinkle in some fancy-pants AJAX functionality without going full JS front-end retard, I recommend my own library, htmx:
-
Which stack I should pick to developer a Hugo theme?
I found https://bulma.io/ to be a useful CSS framework for me. There were plenty of examples to work with.
-
Hugo Blowfish Theme
Card view uses Masonry.JS, but the original author is rewriting the master using the more-actively-updated Bulma (I have mixed feelings). css-tricks.com also has a very interesting animated card view that may be of interest.
-
Kweb 1.0.0 released! The powerful but lightweight Kotlin web framework for backend devs
I've also been using Bulma which works really nicely with Kweb even without a DSL because it's just vanilla CSS classes.
-
I've made a webapp to play Two Rooms and a Boom, and I'd love for you all to try it out!
For those interested in the nitty-gritty of the application itself, the frontend is developed using vue.js with bulma.io css framework for styling. The backend is running on a laptop in my basement and is served by sanic.dev both for static content and api/websockets.
-
70 Free Resources For Web Designers and Developers
59. bulma
What are some alternatives?
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
vuetify - 🐉 Vue Component Framework
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
unocss - The instant on-demand atomic CSS engine.
esbuild - An extremely fast bundler for the web
nextui - 🚀 Beautiful, fast and modern React UI library.
twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
theme-ui - Build consistent, themeable React apps based on constraint-based design principles