All Projects β†’ TailGrids β†’ tailwind-ui-components

TailGrids / tailwind-ui-components

Licence: MIT License
Free Tailwind CSS UI Components - Crafted for modern websites, landing pages and web apps. TailGrids Core is free and open-source so, feel free to use with your personal or commercial projects. If you would like to show your support and love, don't forget to give us a star 🌟

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to tailwind-ui-components

Tail Kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Stars: ✭ 997 (+1934.69%)
Mutual labels:  components, component-library, ui-components, tailwindcss
Next-JS-Landing-Page-Starter-Template
πŸš€ Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚑️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (+963.27%)
Mutual labels:  landing-page, tailwind, tailwindcss, tailwind-css
react-tailwind
This is a complementary React code for the tailwindcss project.
Stars: ✭ 29 (-40.82%)
Mutual labels:  components, tailwind, tailwindcss
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (+104.08%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
mijin
Tailwind CSS UI components build for Vue.js / Nuxt.js
Stars: ✭ 168 (+242.86%)
Mutual labels:  component-library, ui-components, tailwindcss
ttall
Laravel fronend preset for TTALL stack - Tailwindcss | Turbolinks | Alpine.js | Laravel | Livewire πŸš€
Stars: ✭ 50 (+2.04%)
Mutual labels:  tailwind, alpinejs, tailwindui
axiom
Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw
Stars: ✭ 67 (+36.73%)
Mutual labels:  tailwind, tailwind-css, alpinejs
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Stars: ✭ 861 (+1657.14%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
Taiga Ui
Angular UI Kit and components library for awesome people
Stars: ✭ 1,353 (+2661.22%)
Mutual labels:  components, component-library, ui-components
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (-42.86%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
wlui
wl-ui η²ΎηΎŽζ˜“η”¨ηš„ε‰η«―ε€ζ‚η»„δ»Άθ§£ε†³ζ–Ήζ‘ˆγ€‚Beautiful and easy-to-use front-end complex component solution
Stars: ✭ 32 (-34.69%)
Mutual labels:  components, component-library, ui-components
memento-svelte-electron-typescript
Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)
Stars: ✭ 27 (-44.9%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
A17t
An atomic design toolkit for pragmatists
Stars: ✭ 236 (+381.63%)
Mutual labels:  components, ui-components, tailwindcss
Precise Ui
πŸ“ React UI Component Library powered by ZEISS.
Stars: ✭ 192 (+291.84%)
Mutual labels:  components, component-library, ui-components
taiga-ui
Angular UI Kit and components library for awesome people
Stars: ✭ 2,251 (+4493.88%)
Mutual labels:  components, component-library, ui-components
Zent
A collection of essential UI components written with React.
Stars: ✭ 2,133 (+4253.06%)
Mutual labels:  components, component-library, ui-components
tailwind-color-alpha
Automatic alpha variants for your Tailwind CSS colors based on your opacity config
Stars: ✭ 21 (-57.14%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
Components
Example Components (Built with Tonic)
Stars: ✭ 42 (-14.29%)
Mutual labels:  components, component-library, ui-components
merakiui
Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode πŸš€ β˜„οΈ.
Stars: ✭ 1,185 (+2318.37%)
Mutual labels:  ui-components, tailwindcss, tailwindui
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+97.96%)
Mutual labels:  tailwind, tailwindcss, tailwind-css

Free Tailwind CSS UI Components by TailGrids

TailGrids is library of high-quality Tailwind CSS UI components and blocks. Crafted for - modern websites, landing pages and web apps. Comes with all essential UI components & elements, consistent design, copy-paste tool and everything you can expect from a top-notch UI library.

The free core version comes with a good number of free UI components along with all core components. Feel free to use it with your personal or commercial projects, and don't forget to support and inspire our team by starring this repo.

πŸš€ Explore All Components

🌏 Visit Website

πŸ“ƒ Documentation

Installing via NPM

As a NPM package make sure that you have installed Node.js and Tailwind CSS

  1. Install Tailgrids as a dependency using NPM by running the command below:
npm i tailgrids
  1. Require Tailgrids as a plugin inside the tailwind.config.js file:
module.exports = {
  //... other config of your project

  plugins: [
    require('tailgrids/plugin')
  ]

}

πŸ’™ Support

You can always support this project and inspire us by Starring🌟 This Repository and sharing with friends. If you like the the library consider purchasing the Pro version

🎁 License

TailGrids Core Version is 100% Free! and open-source you can use it with your personal or commercial projects.

UI Components

sneak-peek

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].