tailwind-resources

KO | EN

gitlite — search

#react #ai #typescript #android #rust #deep-learning #linux #windows #awesome #kubernetes #vue #pytorch #ios #openai

tailwind-resources

(★ 10)

A gathering of tools and resources related to UI development with Tailwind

tailwind-resources Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Tailwind Resources

Tailwind is a utility-first CSS framework with classes that can be composed to build any design, directly in your markup. This repository intends to gather useful resources to learn and develop beautiful websites using Tailwind.

Main website: https://tailwindcss.com/

## UI libraries

Sometimes we want a head start with our Tailwind development. This list provides resources to UI libraries build on top of Tailwind.

- daisyUI, https://daisyui.com/
- Flowbite, https://flowbite.com/
- HyperUI, https://www.hyperui.dev/
- tailwindUI, https://tailwindui.com/
- tailwind components, https://tailwindcomponents.com/
- NativeWind (React Native), https://www.nativewind.dev/
- Tailblocks, https://tailblocks.cc/
- XtendUI, https://xtendui.com/
- FloatUI, https://floatui.com/
- Tailwind Widgets, https://tailwindwidgets.com/
- MambaUI, https://mambaui.com/
- Kitwind, https://kitwind.io/
- Kutty, https://kutty.netlify.app/
- RippleUI, https://www.ripple-ui.com/

## Headless components

If you don't want a full fledged UI library, you might try a headless UI package. These resources contain unstyled, accessible components that are tricky to build from scratch, with great Tailwind integrations.

- headlessUI, https://headlessui.com/
- Radix with Tailwind plugin, https://www.radix-ui.com & https://www.npmjs.com/package/tailwindcss-radix

## Learn

The Tailwind documentation is great, but sometimes you want more resources to learn and improve your knowledge with Tailwind.

- Tailwind Labs, https://www.youtube.com/c/TailwindLabs
- ProTailwind, https://www.protailwind.com/
- RefactoringUI, https://www.refactoringui.com/

## Tools

Helper tools, playground, animations, gradient generators, etc.

- Playground, https://play.tailwindcss.com/
- CSS-to-Tailwind converter, https://tailwind-converter.netlify.app/
- Color gradient playground, https://gradient-designer.csspost.com/
- Hypercolor (more Tailwind color gradients), https://hypercolor.dev/
- Tailanimista, https://tail-animista.vercel.app/
- Tailwind CSS Cheat Sheet(v4 and v3), https://kombai.com/tailwind/cheat-sheet/

tailwind-resources

tailwind-resources Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

tailwind-resources

tailwind-resources Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README