Create high-performance UI styling using Tailwind CSS
Hello, Here is some information about the amazing Tailwind CSS. Go!
🤔
Tailwind CSS is an exceptionally adaptable, low-level CSS structure that gives you all of the structure blocks you want to customized plans with no irritating stubborn styles you need to battle to supersede. It is a utility-first CSS system which implies we can utilize utility classes to build custom designs without composing CSS as in customary methodology.
They accompany a wide range of predesigned parts like fastens, cards, and alarms that could assist you with moving rapidly from the beginning, yet goal more agony than they fix when it comes time to make your site stand apart with a custom design.
Practical example
This layout above, for example, was created without any external style, only Tailwind CSS classes were used. Here’s how the code turned out:
What if we want to create a grid system structure?
It’s very simple, much like the bootstrap we use (but superior lol):
Documentation: Grid System Tailwind CSS
How is he in the community?
Used by: +782,800; Contributors: +202:
With a weekly download rate of 2.143.819 😱
IDEs Plugin for help
For VS Code I use Tailwind CSS IntelliSense. Benefits of using this extension:
- Autocomplete (CSS functions and directives)
- Linting
- Hover Previews
- Syntax Highlighting
GitHub and Marketplace of extension.
Links for consulting
- Documentation: https://tailwindcss.com
- GitHub: https://github.com/tailwindlabs/tailwindcss
- The instalation is very simple: https://tailwindcss.com/docs/installation
- About UI of Tailwind CSS: https://tailwindui.com
- And this playlist (From Zero to Production) video created by Tailwind Labs:
So…
If you haven’t used it yet, then use it!
Quickly create modern websites without leaving your HTML and be happy :-)
Opinion of some people:
