├── .gitignore ├── ex ├── test │ ├── test_helper.exs │ └── ex_test.exs ├── .formatter.exs ├── lib │ └── ex.ex ├── README.md ├── mix.exs ├── .gitignore └── mix.lock ├── Makefile ├── Converters.md ├── data └── urls.txt ├── Resources.md └── Readme.md /.gitignore: -------------------------------------------------------------------------------- 1 | src/ 2 | -------------------------------------------------------------------------------- /ex/test/test_helper.exs: -------------------------------------------------------------------------------- 1 | ExUnit.start() 2 | -------------------------------------------------------------------------------- /ex/.formatter.exs: -------------------------------------------------------------------------------- 1 | # Used by "mix format" 2 | [ 3 | inputs: ["{mix,.formatter}.exs", "{config,lib,test}/**/*.{ex,exs}"] 4 | ] 5 | -------------------------------------------------------------------------------- /ex/test/ex_test.exs: -------------------------------------------------------------------------------- 1 | defmodule ExTest do 2 | use ExUnit.Case 3 | doctest Ex 4 | 5 | test "greets the world" do 6 | assert Ex.hello() == :world 7 | end 8 | end 9 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | update: 2 | export UPDATER_ROOT=$$(pwd); cd ex && mix update 3 | 4 | readme: 5 | export UPDATER_ROOT=$$(pwd); cd ex && mix readme 6 | 7 | size: 8 | du -sh src/github.com/* | sort -h -------------------------------------------------------------------------------- /Converters.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | Converts between px, rem, and Tailwind spacing units on the Tailwind spacing scale. 4 | - https://github.com/gness1804/tailwind-convert/blob/master/index.js 5 | 6 | - https://github.com/rachelrly/tailwind-converter -------------------------------------------------------------------------------- /ex/lib/ex.ex: -------------------------------------------------------------------------------- 1 | defmodule Ex do 2 | @moduledoc """ 3 | Documentation for `Ex`. 4 | """ 5 | 6 | @doc """ 7 | Hello world. 8 | 9 | ## Examples 10 | 11 | iex> Ex.hello() 12 | :world 13 | 14 | """ 15 | def hello do 16 | :world 17 | end 18 | end 19 | -------------------------------------------------------------------------------- /ex/README.md: -------------------------------------------------------------------------------- 1 | # Ex 2 | 3 | **TODO: Add description** 4 | 5 | ## Installation 6 | 7 | If [available in Hex](https://hex.pm/docs/publish), the package can be installed 8 | by adding `ex` to your list of dependencies in `mix.exs`: 9 | 10 | ```elixir 11 | def deps do 12 | [ 13 | {:ex, "~> 0.1.0"} 14 | ] 15 | end 16 | ``` 17 | 18 | Documentation can be generated with [ExDoc](https://github.com/elixir-lang/ex_doc) 19 | and published on [HexDocs](https://hexdocs.pm). Once published, the docs can 20 | be found at [https://hexdocs.pm/ex](https://hexdocs.pm/ex). 21 | 22 | -------------------------------------------------------------------------------- /ex/mix.exs: -------------------------------------------------------------------------------- 1 | defmodule Ex.MixProject do 2 | use Mix.Project 3 | 4 | def project do 5 | [ 6 | app: :ex, 7 | version: "0.1.0", 8 | elixir: "~> 1.10", 9 | start_permanent: Mix.env() == :prod, 10 | deps: deps() 11 | ] 12 | end 13 | 14 | # Run "mix help compile.app" to learn about applications. 15 | def application do 16 | [ 17 | extra_applications: [:logger] 18 | ] 19 | end 20 | 21 | # Run "mix help deps" to learn about dependencies. 22 | defp deps do 23 | [ 24 | {:updater, github: "happycodrz/updater"} 25 | ] 26 | end 27 | end 28 | -------------------------------------------------------------------------------- /ex/.gitignore: -------------------------------------------------------------------------------- 1 | # The directory Mix will write compiled artifacts to. 2 | /_build/ 3 | 4 | # If you run "mix test --cover", coverage assets end up here. 5 | /cover/ 6 | 7 | # The directory Mix downloads your dependencies sources to. 8 | /deps/ 9 | 10 | # Where third-party dependencies like ExDoc output generated docs. 11 | /doc/ 12 | 13 | # Ignore .fetch files in case you like to edit your project deps locally. 14 | /.fetch 15 | 16 | # If the VM crashes, it generates a dump, let's ignore it too. 17 | erl_crash.dump 18 | 19 | # Also ignore archive artifacts (built via "mix archive.build"). 20 | *.ez 21 | 22 | # Ignore package tarball (built via "mix hex.build"). 23 | ex-*.tar 24 | 25 | -------------------------------------------------------------------------------- /ex/mix.lock: -------------------------------------------------------------------------------- 1 | %{ 2 | "cortex": {:hex, :cortex, "0.6.0", "8094830fae266eb0ae34d1a58983c0c49484341f5044fb4dfb81746647bd2993", [:mix], [{:file_system, "~> 0.2", [hex: :file_system, repo: "hexpm", optional: false]}], "hexpm", "d0ef5a2b1269626149118684dc4ea77dbfbc67017f4b4065b71dcefa26cfcc49"}, 3 | "file_system": {:hex, :file_system, "0.2.9", "545b9c9d502e8bfa71a5315fac2a923bd060fd9acb797fe6595f54b0f975fd32", [:mix], [], "hexpm", "3cf87a377fe1d93043adeec4889feacf594957226b4f19d5897096d6f61345d8"}, 4 | "flexi": {:hex, :flexi, "0.4.2", "860b99400c9e98a8b0f84bc986a1436ac980753d494a939f379f195c8833a6f2", [:mix], [], "hexpm", "2ce3216777553c73fab7620972e2f7a7d825dbab9a610fe0c53347bc1948425c"}, 5 | "floki": {:hex, :floki, "0.20.4", "be42ac911fece24b4c72f3b5846774b6e61b83fe685c2fc9d62093277fb3bc86", [:mix], [{:html_entities, "~> 0.4.0", [hex: :html_entities, repo: "hexpm", optional: false]}, {:mochiweb, "~> 2.15", [hex: :mochiweb, repo: "hexpm", optional: false]}], "hexpm", "2e7e21cd417c4b13523dd8b97379a33e5f432d4d1b149cf5ab496a4a29bdd7ab"}, 6 | "html_entities": {:hex, :html_entities, "0.4.0", "f2fee876858cf6aaa9db608820a3209e45a087c5177332799592142b50e89a6b", [:mix], [], "hexpm", "3e3d7156a272950373ce5a4018b1490bea26676f8d6a7d409f6fac8568b8cb9a"}, 7 | "mime": {:hex, :mime, "1.4.0", "5066f14944b470286146047d2f73518cf5cca82f8e4815cf35d196b58cf07c47", [:mix], [], "hexpm", "75fa42c4228ea9a23f70f123c74ba7cece6a03b1fd474fe13f6a7a85c6ea4ff6"}, 8 | "mochiweb": {:hex, :mochiweb, "2.20.1", "e4dbd0ed716f076366ecf62ada5755a844e1d95c781e8c77df1d4114be868cdf", [:rebar3], [], "hexpm", "d1aeee7870470d2fa9eae0b3d5ab6c33801aa2d82b10e9dade885c5c921b36aa"}, 9 | "mockery": {:hex, :mockery, "2.2.0", "67304d5e1d247e698b171913689369bd23c94e437b4a8f32777c6f74b98cb36f", [:mix], [], "hexpm", "103cd23789f97e607854c22b4b6b598e74753ec36278a767bdba5cfe32ec88c4"}, 10 | "tesla": {:hex, :tesla, "1.0.0", "94a9059456d51266f3d40b75ff6be3d18496072ce5ffaabad03d6c00f065cfd1", [:mix], [{:exjsx, ">= 3.0.0", [hex: :exjsx, repo: "hexpm", optional: true]}, {:fuse, "~> 2.4", [hex: :fuse, repo: "hexpm", optional: true]}, {:hackney, "~> 1.6", [hex: :hackney, repo: "hexpm", optional: true]}, {:ibrowse, "~> 4.4.0", [hex: :ibrowse, repo: "hexpm", optional: true]}, {:jason, ">= 1.0.0", [hex: :jason, repo: "hexpm", optional: true]}, {:mime, "~> 1.0", [hex: :mime, repo: "hexpm", optional: false]}, {:poison, ">= 1.0.0", [hex: :poison, repo: "hexpm", optional: true]}], "hexpm", "eefee376cbe6be40348f746fd26e485d17721500c838a85bfd24048b7b3c469c"}, 11 | "updater": {:git, "https://github.com/happycodrz/updater.git", "b8a3769e81a8e70a1428af3e13e666006716a739", []}, 12 | } 13 | -------------------------------------------------------------------------------- /data/urls.txt: -------------------------------------------------------------------------------- 1 | https://github.com/asvny/building-realworld-user-interfaces-using-tailwind [] Building-real-user-interfaces-using-tailwind 2 | https://github.com/benface/tailwindcss-filters [] Tailwind CSS plugin to generate filter and backdrop filter utilities 3 | https://github.com/benface/tailwindcss-typography [] Tailwind CSS plugin to generate typography utilities and text style components 4 | https://github.com/caneco/design-tips [] 5 | https://github.com/Charlie85270/tail-kit [] Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0. 6 | https://github.com/clickfwd/ionic4-vue-tailwindcss-layouts [] 7 | https://github.com/creativetimofficial/notus-svelte [] Notus Svelte: Free Tailwind CSS UI Kit and Admin (https://demos.creative-tim.com/notus-svelte/admin/dashboard) 8 | https://github.com/cruip/tailwind-landing-page-template [] Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by 9 | https://github.com/danharrin/alpine-tailwind-components [] Alpine.js and Tailwind CSS component source code from my YouTube tutorials. 10 | https://github.com/davidgrzyb/tailwind-admin-template [] An admin dashboard template built with Tailwind and Alpine.js 11 | https://github.com/dylanirlbeck/tailwind-ppx [] A Reason/OCaml Pre-Processor eXtension (PPX) that validates your Tailwind classes at compile-time. 12 | https://github.com/embermap/emberconf2020-tailwind-css-best-practices [] Tailwind CSS Tips, Tricks & Best Practices 13 | https://github.com/enochndika/kimia-UI [] A collection of UI Components for React built with Tailwind CSS 2.0 14 | https://github.com/estevanmaito/tailwindcss-multi-theme [] 🎨 The easiest way to create themes with Tailwind CSS. 15 | https://github.com/estevanmaito/windmill-dashboard [] 📊 A multi theme, completely accessible, ready for production dashboard. 16 | https://github.com/gojutin/tailwind-cheatsheet [] A printable one-page cheatsheet for TailwindCSS. 17 | https://github.com/innocenzi/tailwindcss-scroll-snap [] Adds CSS Scroll Snap utilities to Tailwind CSS. 18 | https://github.com/jorenvanhee/tailwindcss-debug-screens [] A Tailwind CSS component that shows the currently active screen 19 | https://github.com/justalever/tailwind-airbnb [] A demo of how to build Airbnb's home page using Tailwind CSS 20 | https://github.com/justalever/tailwind-navbar [] A completely responsive CSS-only navbar using Tailwind CSS 21 | https://github.com/lorisleiva/tailwindcss-plugins [] 🔌🌊 Set of useful plugins for tailwindcss 22 | https://github.com/matyunya/smelte [] UI framework with material components built with Svelte and Tailwind CSS 23 | https://github.com/MedicOneSystems/livewire-datatables [] Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS 24 | https://github.com/muhammadsammy/tailwindcss-classnames [] Functional typed classnames for TailwindCSS 25 | https://github.com/netcoresaas/saas-vuejs-tailwindcss [] Free VueJS (with TypeScript) + TailwindCSS frontend for SaaS apps. 26 | https://github.com/rosstopping/tailwindcss-templates [] Free layouts created using Tailwind CSS. New templates added weekly. 27 | https://github.com/sailui/ui [] Basic UI components for Tailwind CSS. 28 | https://github.com/tailwindcomponents/dashboard [] 🛩 🧶 Dashboard template built with tailwindcss. 29 | https://github.com/tailwindlabs/tailwindcss-forms [] tailwindcss-forms.vercel.app 30 | https://github.com/tailwindtoolbox/Admin-Template-Day [] Tailwind CSS Starter Template - Admin Dashboard Template (Day Mode) 31 | https://github.com/tailwindtoolbox/Fixed-Header [] Tailwind CSS Starter Template - Fixed Header 32 | https://github.com/tailwindtoolbox/Landing-Page [] Tailwind CSS Starter Template - Landing Page 33 | https://github.com/tailwindtoolbox/Multi-Section-Form [] Tailwind CSS Starter Template - Multi Section Form with Scrollspy 34 | https://github.com/thedevdojo/tails [] Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS 35 | https://github.com/umeshmk/Tailwindcss-cheatsheet [] A very elegant and helpful Tailwindcss cheatsheet. 36 | https://github.com/wobsoriano/v-dashboard [] Dashboard starter template built with Vue 3 and Tailwind CSS. 37 | https://github.com/ben-rogerson/twin.macro [] 🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time. -------------------------------------------------------------------------------- /Resources.md: -------------------------------------------------------------------------------- 1 | ## Tailwind 2 | 3 | - https://mockupless.com/Courses/LayoutBasics/Positioning/ (CSS crashcourse for noobs) 4 | - https://www.getrevue.co/profile/tailwind-weekly 5 | - https://github.com/aniftyco/awesome-tailwindcss 6 | 7 | ### Components 8 | 9 | - https://codepen.io/search/pens?q=tailwind 10 | - https://tailwindcomponents.com/ 11 | - https://www.tailwindtoolbox.com/ 12 | - https://themesberg.com/blog/tailwind-css/themes 13 | - https://www.gustui.com/ (React) 14 | - https://www.vue-tailwind.com/ (Vue) 15 | - https://smeltejs.com/ (Svelte) 16 | - https://chakra-ui.com/docs/comparison (React, very-very good!) 17 | 18 | ### REACT 19 | 20 | - https://treact.owaiskhan.me/ 21 | - https://github.com/estevanmaito/windmill-react-ui (with Typescript) 22 | - https://www.tailwind-kit.com/ 23 | - https://kimia-ui.vercel.app/ 24 | 25 | ### Great Components 26 | 27 | 28 | - https://flowbite.com/docs/components/ (nice collection, with JS) 29 | - https://www.tailwindawesome.com/ (Collection for components) 30 | - https://wickedblocks.dev/ Ready Made Tailwind CSS blocks for your next project. 31 | - https://devdojo.com/tailwindcss/buttons (buttons) 32 | - https://daisyui.com/ (quite good!) 33 | - https://kitwind.io/products/kometa/components (awesome!) 34 | - https://kutty.netlify.app/components/ 35 | - https://tailwindesign.com/components/modal 36 | - https://blocks.wickedtemplates.com/ 37 | - https://github.com/michael-andreuzza/wickedblocks 38 | - https://mertjf.github.io/tailblocks/ - Tailblocks 39 | - https://merakiui.com/ - Meraki UI Components 40 | - https://tailwindcss-forms.vercel.app/ 41 | - https://devdojo.com/tailwindcss/components (very nice!) 42 | - https://github.com/thedevdojo/tails 43 | - https://devdojo.com/tailwindcss/templates 44 | - https://sailui.github.io/ui/ 45 | - https://github.com/sailui/ui 46 | - https://www.themes.dev/library/tailwindcss-footer-pack/ 47 | - https://stitches.hyperyolo.com/ () 48 | - https://blocks.wickedtemplates.com/ (OK, couple good ones) 49 | - https://owaiskhan.me/post/free-tailwindcss-react-ui-kit (React) 50 | 51 | ### Templates 52 | 53 | - https://windmill-dashboard.vercel.app/ 54 | - https://tailwindmade.com/ 55 | - https://tailwindtemplates.io/ (boost your development) 56 | - https://github.com/zeroblack-c/jakarta-lte (Jakarta LTE - Free and Open Source Premium Admin Templates) 57 | - https://github.com/creativetimofficial/tailwind-starter-kit - Tailwind Starter Kit 58 | - https://github.com/tailwindadmin/admin (admin panel template built on tailwind css 🎉) 59 | - https://github.com/wobsoriano/v-dashboard (Vue Admin) 60 | - https://github.com/asvny/building-realworld-user-interfaces-using-tailwind (real UIs) 61 | - https://github.com/moesaid/cleopatra (Admin Dashboard Template Built On Tailwind CSS) 62 | - https://github.com/rosstopping/tailwindcss-templates 63 | - https://templates.digizu.co.uk/ - Free Layouts & Templates () 64 | - https://www.codeinwp.com/blog/tailwind-css-templates/ (LINKS) 65 | 66 | ### Commercial 67 | 68 | - https://cruip.com/ 69 | - https://tailwinduikit.com/docs (quite awesome...) 70 | - https://tailwind.build/ (commercial) 71 | - https://zukoni.com/preview 72 | - https://demo.frontted.com/tailstack/1.2.1/Pages/ui-forms.html (quite good components) 73 | - https://themeforest.net/item/topson-chat-messenger-app-html-template/26988802 74 | - https://themeforest.net/tags/tailwind 75 | 76 | ### Theming 77 | 78 | - https://pinegrow.com/tutorials/customizing-a-tailwind-css-theme/ 79 | - https://tailwinduikit.com/docs 80 | 81 | ### SVG Icons 82 | 83 | - https://blog.tailwindcss.com/introducing-heroicons 84 | - https://heroicons.com/ 85 | 86 | ### Libraries 87 | 88 | - https://github.com/tailwindlabs/tailwindcss-custom-forms (https://tailwindcss-custom-forms.netlify.app/) 89 | - https://www.npmjs.com/package/@tailwindcss/ui 90 | - https://github.com/milesmcc/a17t (Atomic Design Toolkit) 91 | - https://github.com/Arthie/tailwindcssinjs (Packages for using Tailwind CSS with CSS-in-JS) 92 | - https://github.com/lorisleiva/tailwindcss-plugins 93 | - https://livewire-datatables.com/ 94 | 95 | ### Tools - general 96 | 97 | - https://www.tailwindtoolbox.com/tools 98 | - https://tailwind-match.netlify.app/ (Find the nearest value to your design 🎨) 99 | - https://tailwind.spacet.me/ (SEARCH matching classes) 100 | 101 | ### Tools - Colors 102 | 103 | - https://tailwind.ink/ 104 | - https://www.tailwind-tools.com/color 105 | - https://quoorex.com/tailwindize/ - Color picker 106 | - https://beyondco.de/software/tint - The color picker for Tailwind CSS developers. 107 | - https://tnt.studio/tailwind/shades/generator - Shades geneerator (with automatic matching names!) 108 | 109 | ### Tools - Generators 110 | 111 | - https://tailwindgrids.com/ 112 | - https://www.tailwind-tools.com/flexbox 113 | - https://www.tailwind-tools.com/grid 114 | - https://www.tailwind-tools.com/typography 115 | 116 | ### Tools - Converters 117 | 118 | - https://usewindy.com/ - the browser extension that transforms any HTML element into a Tailwind CSS component 119 | - https://tailwind-converter.netlify.app/ - CSS TAILWIND CONVERTER 120 | 121 | - https://github.com/stevezease/tailwind-converter 122 | 123 | - https://github.com/beyondcode/tailwindcss-jit-cdn - Tailwind CSS JIT in your browser (!!!) 124 | - https://beyondco.de/blog/tailwind-jit-compiler-via-cdn 125 | - https://tailwind-typography-playground.vercel.app/ (Fonts) 126 | - https://play.tailwindcss.com/ 127 | - https://builtwithtailwind.com/ 128 | 129 | ### Tools - Cheatsheets 130 | 131 | - https://nerdcave.com/tailwind-cheat-sheet 132 | - https://umeshmk.github.io/Tailwindcss-cheatsheet/ 133 | - https://github.com/gojutin/tailwind-cheatsheet 134 | - https://github.com/jorenvanhee/tailwindcss-debug-screens (A Tailwind CSS component that shows the currently active screen) 135 | - https://github.com/heybourn/headwind An opinionated Tailwind CSS class sorter built for Visual Studio Code 136 | - https://github.com/muhammadsammy/tailwindcss-classnames - Functional typed classnames for TailwindCSS - 137 | - https://github.com/muhammadsammy/tailwindcss-classnames/blob/master/src/cli/index.ts (code generator!) 138 | 139 | ### Learning 140 | 141 | - https://30daysoftailwindcss.com/ (challenges) 142 | 143 | #### Videos 144 | 145 | - [Tailwind CSS Tutorial for Beginners - Full Course (2020/05) - 2h30m](https://www.youtube.com/watch?v=4wGmylafgM4) 146 | - [CSS Grid – What's new in Tailwind CSS (2020/09) - 6m](https://www.youtube.com/watch?v=b-hrxkgkG-s) 147 | - [Tailwind CSS Tips, Tricks & Best Practices (2020/04) - 1h30m](https://www.youtube.com/watch?v=nqNIy8HkEQ8) 148 | 149 | - [My VSCode + Tailwind CSS Workflow Tips (Shortcuts and Extensions) (2020/05) - 22m](https://www.youtube.com/watch?v=qIHR2wmxy3U&t=1s) 150 | - [Adam Wathan - Tailwind CSS Best Practice Patterns (2019/08) - 31m](https://www.youtube.com/watch?v=J_7_mnFSLDg&t=2s) 151 | - [Using @apply with Complex Classes – What's new in Tailwind CSS (2020/09) - 6m](https://www.youtube.com/watch?v=naJ_rIK6ppQ) 152 | - [Divide Utilities – What's new in Tailwind CSS (2020/09) - 2m](https://www.youtube.com/watch?v=XVmbVtO3tUU) 153 | - [RAPIDLY Create UI Designs in Minutes with Tailblocks - 2020/05 - 20m](https://www.youtube.com/watch?v=ST3fmk8UG8I) 154 | - [A Real-Life Journey Into the Opinionated - 2018](https://vimeo.com/294976504) 155 | 156 | ### Full videos 157 | 158 | - [Build a Gym Website Using The Tailwind Starter Kit (2020/10) - 41m](https://www.youtube.com/watch?v=mO3aXUgjnIE) 159 | - [Video Dashboard | Tailwind CSS | UI to Code | Timelapse | HTML CSS (2020/08) - 9m](https://www.youtube.com/watch?v=2dr4kOdJOGo) 160 | - [Tailwind Talk: "My Second Hour with Tailwind CSS" with Petr Tichy (2020/10) - 1h](https://www.youtube.com/watch?v=18I7bYe-e3o) 161 | - [Componentizing a Dashboard with Tailwind CSS (2020/08) - 1h20m](https://www.youtube.com/watch?v=wilxJLjuBp4) 162 | - [Prototyping Dark Mode for Tailwind CSS (2020/07) - 1h](https://www.youtube.com/watch?v=pgtx4mtFlME) 163 | - [Building a Responsive Navbar with TailwindCSS & Alpine.js [TUTORIAL] (2020/11) - 14m](https://www.youtube.com/watch?v=L6Jwa7al8os) 164 | 165 | ### Courses 166 | 167 | - https://www.tailwindcss.cn/screencasts/ -> official course, really great! 168 | - https://scrimba.com/learn/tailwind - Learn Tailwind CSS for free 169 | - https://coderstape.com/series/13-learn-tailwind-css-from-scratch (Learn Tailwind CSS From Scratch) 170 | - https://github.com/embermap/emberconf2020-tailwind-css-best-practices 171 | - https://www.youtube.com/watch?list=PL7CcGwsqRpSM3w9BT_21tUU8JN2SnyckR&v=21HuwjmuS7A&index=1 (https://github.com/tailwindlabs/designing-with-tailwindcss) 172 | - https://egghead.io/playlists/design-and-implement-common-tailwind-components-8fbb9b19 - Design and Implement Common Tailwind Components 173 | 174 | ### Channels 175 | 176 | - https://www.youtube.com/c/AdamWathan/videos 177 | 178 | ### Projects 179 | 180 | - https://dev.to/mariann93502220/15-awesome-tailwind-css-templates-and-themes-55jh 181 | - https://moesaid.github.io/cleopatra/index-1.html 182 | - https://themeforest.net/item/topson-chat-messenger-app-html-template/26988802 183 | - https://topson.left4code.com/index.html 184 | - https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation 185 | 186 | ### Convincing 187 | 188 | - https://www.notion.so/Tailwind-84ae72bcde2846f1967b3c1bbff8f6aa 189 | - [Tailwind Talk: How do you convince your boss to use Tailwind CSS? With Debbie O'Brien (2020/10) - 1h30m](https://www.youtube.com/watch?v=D84pmKtQB3w) 190 | - https://www.reddit.com/r/tailwindcss/comments/j60sga/i_am_not_convinced_by_tailwind_change_my_mind/ 191 | 192 | ### Articles 193 | 194 | - https://areknawo.com/tailwind-jsx-and-class-composition/ 195 | - https://nystudio107.com/blog/speeding-up-tailwind-css-builds 196 | - https://ttntm.me/blog/tailwind-responsive-menu/ 197 | - https://dev.to/joserfelix/why-use-tailwind-css-for-your-next-project-39hp 198 | - https://news.ycombinator.com/item?id=25140604 (Tailwind 2.0 on HN) 199 | - https://laravel-news.com/tailwind-css-tips-and-tricks (2020/08) 200 | - https://blog.logrocket.com/10-tailwind-css-tips-to-boost-your-productivity/ (2020/05) 201 | - https://dev.to/tracycss/tailwind-css-resources-you-wish-you-had-3i18/comments 202 | 203 | ### Alpine.js 204 | 205 | - https://www.alptail.com/ (https://github.com/danieljpalmer/alptail) 206 | 207 | ### Design 208 | 209 | - https://www.checklist.design/ 210 | -------------------------------------------------------------------------------- /Readme.md: -------------------------------------------------------------------------------- 1 | ## Tailwind CSS Awesome 2 | 3 | ## Running the update 4 | 5 | ```bash 6 | $ make update 7 | ``` 8 | 9 | ### Navigation 10 | 11 | - [By Name](#by-name) 12 | - [By Activity](#by-activity) 13 | - [By CommitCount](#by-commitcount) 14 | - [By Popularity](#by-popularity) 15 | 16 | ### By Name 17 | 18 | 19 | - [asvny/building-realworld-user-interfaces-using-tailwind](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Demo of building real-world UIs using TailwindCSS
( 2020-11-18 / 20 commits / 14 stars ) 20 | - [benface/tailwindcss-filters](https://github.com/benface/tailwindcss-filters) - Tailwind CSS plugin to generate filter and backdrop filter utilities
( 2020-07-19 / 21 commits / 8 stars ) 21 | - [benface/tailwindcss-typography](https://github.com/benface/tailwindcss-typography) - Tailwind CSS plugin to generate typography utilities and text style components
( 2020-07-19 / 49 commits / 7 stars ) 22 | - [caneco/design-tips](https://github.com/caneco/design-tips) - The “🔥 Design Tips” series, now in TailwindCSS
( 2019-05-05 / 10 commits / 16 stars ) 23 | - [Charlie85270/tail-kit](https://github.com/Charlie85270/tail-kit) - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
( 2021-03-24 / 232 commits / 141 stars ) 24 | - [clickfwd/ionic4-vue-tailwindcss-layouts](https://github.com/clickfwd/ionic4-vue-tailwindcss-layouts) - Ionic 4, Vue, Tailwind CSS demo app showcasing different layouts: list, list with virtual scroll, grid, cards, widget slider, modal
( 2019-11-26 / 4 commits / 6 stars ) 25 | - [creativetimofficial/notus-svelte](https://github.com/creativetimofficial/notus-svelte) - Notus Svelte: Free Tailwind CSS UI Kit and Admin
( 2021-03-19 / 408 commits / 24 stars ) 26 | - [cruip/tailwind-landing-page-template](https://github.com/cruip/tailwind-landing-page-template) - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
( 2020-10-20 / 7 commits / 120 stars ) 27 | - [danharrin/alpine-tailwind-components](https://github.com/danharrin/alpine-tailwind-components) - Alpine.js and Tailwind CSS component source code from my YouTube tutorials.
( 2021-01-26 / 13 commits / 26 stars ) 28 | - [davidgrzyb/tailwind-admin-template](https://github.com/davidgrzyb/tailwind-admin-template) - An admin dashboard template built with Tailwind and Alpine.js
( 2021-01-07 / 19 commits / 51 stars ) 29 | - [dylanirlbeck/tailwind-ppx](https://github.com/dylanirlbeck/tailwind-ppx) - A Reason/OCaml Pre-Processor eXtension (PPX) that validates your Tailwind classes at compile-time.
( 2020-11-29 / 281 commits / 16 stars ) 30 | - [embermap/emberconf2020-tailwind-css-best-practices](https://github.com/embermap/emberconf2020-tailwind-css-best-practices) - Tailwind CSS Tips, Tricks & Best Practices
( 2020-04-20 / 20 commits / 29 stars ) 31 | - [enochndika/kimia-UI](https://github.com/enochndika/kimia-UI) - A collection of UI Components for React built with Tailwind CSS 2.0
( 2021-03-24 / 144 commits / 11 stars ) 32 | - [estevanmaito/tailwindcss-multi-theme](https://github.com/estevanmaito/tailwindcss-multi-theme) - 🎨 The easiest way to create themes with Tailwind CSS.
( 2020-10-19 / 43 commits / 15 stars ) 33 | - [estevanmaito/windmill-dashboard](https://github.com/estevanmaito/windmill-dashboard) - 📊 A multi theme, completely accessible, ready for production dashboard.
( 2020-08-05 / 94 commits / 156 stars ) 34 | - [gojutin/tailwind-cheatsheet](https://github.com/gojutin/tailwind-cheatsheet) - A printable one-page cheatsheet for TailwindCSS.
( 2020-11-10 / 9 commits / 15 stars ) 35 | - [innocenzi/tailwindcss-scroll-snap](https://github.com/innocenzi/tailwindcss-scroll-snap) - CSS Scroll Snap utilities for Tailwind CSS
( 2021-02-13 / 54 commits / 8 stars ) 36 | - [jorenvanhee/tailwindcss-debug-screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
( 2020-11-23 / 16 commits / 7 stars ) 37 | - [justalever/tailwind-airbnb](https://github.com/justalever/tailwind-airbnb) - A demo of how to build Airbnb's home page using Tailwind CSS
( 2020-06-05 / 8 commits / 9 stars ) 38 | - [justalever/tailwind-navbar](https://github.com/justalever/tailwind-navbar) - A completely responsive CSS-only navbar using Tailwind CSS
( 2020-09-18 / 5 commits / 23 stars ) 39 | - [lorisleiva/tailwindcss-plugins](https://github.com/lorisleiva/tailwindcss-plugins) - 🔌🌊 Set of useful plugins for tailwindcss
( 2019-08-10 / 66 commits / 13 stars ) 40 | - [matyunya/smelte](https://github.com/matyunya/smelte) - UI framework with material components built with Svelte and Tailwind CSS
( 2021-02-24 / 693 commits / 80 stars ) 41 | - [MedicOneSystems/livewire-datatables](https://github.com/MedicOneSystems/livewire-datatables) - Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
( 2021-01-28 / 103 commits / 89 stars ) 42 | - [muhammadsammy/tailwindcss-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) - Functional typed classnames for TailwindCSS
( 2021-02-25 / 445 commits / 19 stars ) 43 | - [netcoresaas/saas-vuejs-tailwindcss](https://github.com/netcoresaas/saas-vuejs-tailwindcss) - VueJS + TailwindCSS frontend for SaaS apps.
( 2020-12-08 / 18 commits / 9 stars ) 44 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
( 2021-03-25 / 50 commits / 42 stars ) 45 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
( 2021-03-25 / 50 commits / 42 stars ) 46 | - [sailui/ui](https://github.com/sailui/ui) - Basic UI components for Tailwind CSS.
( 2020-12-04 / 50 commits / 3 stars ) 47 | - [tailwindcomponents/dashboard](https://github.com/tailwindcomponents/dashboard) - 🛩 🧶 Dashboard template built with tailwindcss.
( 2020-09-26 / 26 commits / 39 stars ) 48 | - [tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms) -
( 2021-03-26 / 63 commits / 34 stars ) 49 | - [tailwindtoolbox/Admin-Template-Day](https://github.com/tailwindtoolbox/Admin-Template-Day) - Tailwind CSS Starter Template - Admin Dashboard Template (Day Mode)
( 2020-11-19 / 10 commits / 34 stars ) 50 | - [tailwindtoolbox/Fixed-Header](https://github.com/tailwindtoolbox/Fixed-Header) - Tailwind CSS Starter Template - Fixed Header
( 2019-05-16 / 6 commits / 4 stars ) 51 | - [tailwindtoolbox/Landing-Page](https://github.com/tailwindtoolbox/Landing-Page) - Tailwind CSS Starter Template - Landing Page
( 2020-11-26 / 31 commits / 204 stars ) 52 | - [tailwindtoolbox/Multi-Section-Form](https://github.com/tailwindtoolbox/Multi-Section-Form) - Tailwind CSS Starter Template - Multi Section Form with Scrollspy
( 2020-11-19 / 4 commits / 5 stars ) 53 | - [thedevdojo/tails](https://github.com/thedevdojo/tails) - Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS
( 2020-12-02 / 367 commits / 294 stars ) 54 | - [umeshmk/Tailwindcss-cheatsheet](https://github.com/umeshmk/Tailwindcss-cheatsheet) - A very elegant and helpful Tailwindcss cheatsheet.
( 2021-03-08 / 10 commits / 8 stars ) 55 | - [wobsoriano/v-dashboard](https://github.com/wobsoriano/v-dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS.
( 2021-03-07 / 51 commits / 92 stars ) 56 | 57 | 58 | [⬆ Navigation](#navigation) 59 | 60 | ### By CommitCount 61 | 62 | 63 | - [matyunya/smelte](https://github.com/matyunya/smelte) - UI framework with material components built with Svelte and Tailwind CSS
(693 commits / 80 stars / 2021-02-24 ) 64 | - [muhammadsammy/tailwindcss-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) - Functional typed classnames for TailwindCSS
(445 commits / 19 stars / 2021-02-25 ) 65 | - [creativetimofficial/notus-svelte](https://github.com/creativetimofficial/notus-svelte) - Notus Svelte: Free Tailwind CSS UI Kit and Admin
(408 commits / 24 stars / 2021-03-19 ) 66 | - [thedevdojo/tails](https://github.com/thedevdojo/tails) - Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS
(367 commits / 294 stars / 2020-12-02 ) 67 | - [dylanirlbeck/tailwind-ppx](https://github.com/dylanirlbeck/tailwind-ppx) - A Reason/OCaml Pre-Processor eXtension (PPX) that validates your Tailwind classes at compile-time.
(281 commits / 16 stars / 2020-11-29 ) 68 | - [Charlie85270/tail-kit](https://github.com/Charlie85270/tail-kit) - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
(232 commits / 141 stars / 2021-03-24 ) 69 | - [enochndika/kimia-UI](https://github.com/enochndika/kimia-UI) - A collection of UI Components for React built with Tailwind CSS 2.0
(144 commits / 11 stars / 2021-03-24 ) 70 | - [MedicOneSystems/livewire-datatables](https://github.com/MedicOneSystems/livewire-datatables) - Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
(103 commits / 89 stars / 2021-01-28 ) 71 | - [estevanmaito/windmill-dashboard](https://github.com/estevanmaito/windmill-dashboard) - 📊 A multi theme, completely accessible, ready for production dashboard.
(94 commits / 156 stars / 2020-08-05 ) 72 | - [lorisleiva/tailwindcss-plugins](https://github.com/lorisleiva/tailwindcss-plugins) - 🔌🌊 Set of useful plugins for tailwindcss
(66 commits / 13 stars / 2019-08-10 ) 73 | - [tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms) -
(63 commits / 34 stars / 2021-03-26 ) 74 | - [innocenzi/tailwindcss-scroll-snap](https://github.com/innocenzi/tailwindcss-scroll-snap) - CSS Scroll Snap utilities for Tailwind CSS
(54 commits / 8 stars / 2021-02-13 ) 75 | - [wobsoriano/v-dashboard](https://github.com/wobsoriano/v-dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS.
(51 commits / 92 stars / 2021-03-07 ) 76 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
(50 commits / 42 stars / 2021-03-25 ) 77 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
(50 commits / 42 stars / 2021-03-25 ) 78 | - [sailui/ui](https://github.com/sailui/ui) - Basic UI components for Tailwind CSS.
(50 commits / 3 stars / 2020-12-04 ) 79 | - [benface/tailwindcss-typography](https://github.com/benface/tailwindcss-typography) - Tailwind CSS plugin to generate typography utilities and text style components
(49 commits / 7 stars / 2020-07-19 ) 80 | - [estevanmaito/tailwindcss-multi-theme](https://github.com/estevanmaito/tailwindcss-multi-theme) - 🎨 The easiest way to create themes with Tailwind CSS.
(43 commits / 15 stars / 2020-10-19 ) 81 | - [tailwindtoolbox/Landing-Page](https://github.com/tailwindtoolbox/Landing-Page) - Tailwind CSS Starter Template - Landing Page
(31 commits / 204 stars / 2020-11-26 ) 82 | - [tailwindcomponents/dashboard](https://github.com/tailwindcomponents/dashboard) - 🛩 🧶 Dashboard template built with tailwindcss.
(26 commits / 39 stars / 2020-09-26 ) 83 | - [benface/tailwindcss-filters](https://github.com/benface/tailwindcss-filters) - Tailwind CSS plugin to generate filter and backdrop filter utilities
(21 commits / 8 stars / 2020-07-19 ) 84 | - [asvny/building-realworld-user-interfaces-using-tailwind](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Demo of building real-world UIs using TailwindCSS
(20 commits / 14 stars / 2020-11-18 ) 85 | - [embermap/emberconf2020-tailwind-css-best-practices](https://github.com/embermap/emberconf2020-tailwind-css-best-practices) - Tailwind CSS Tips, Tricks & Best Practices
(20 commits / 29 stars / 2020-04-20 ) 86 | - [davidgrzyb/tailwind-admin-template](https://github.com/davidgrzyb/tailwind-admin-template) - An admin dashboard template built with Tailwind and Alpine.js
(19 commits / 51 stars / 2021-01-07 ) 87 | - [netcoresaas/saas-vuejs-tailwindcss](https://github.com/netcoresaas/saas-vuejs-tailwindcss) - VueJS + TailwindCSS frontend for SaaS apps.
(18 commits / 9 stars / 2020-12-08 ) 88 | - [jorenvanhee/tailwindcss-debug-screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
(16 commits / 7 stars / 2020-11-23 ) 89 | - [danharrin/alpine-tailwind-components](https://github.com/danharrin/alpine-tailwind-components) - Alpine.js and Tailwind CSS component source code from my YouTube tutorials.
(13 commits / 26 stars / 2021-01-26 ) 90 | - [caneco/design-tips](https://github.com/caneco/design-tips) - The “🔥 Design Tips” series, now in TailwindCSS
(10 commits / 16 stars / 2019-05-05 ) 91 | - [tailwindtoolbox/Admin-Template-Day](https://github.com/tailwindtoolbox/Admin-Template-Day) - Tailwind CSS Starter Template - Admin Dashboard Template (Day Mode)
(10 commits / 34 stars / 2020-11-19 ) 92 | - [umeshmk/Tailwindcss-cheatsheet](https://github.com/umeshmk/Tailwindcss-cheatsheet) - A very elegant and helpful Tailwindcss cheatsheet.
(10 commits / 8 stars / 2021-03-08 ) 93 | - [gojutin/tailwind-cheatsheet](https://github.com/gojutin/tailwind-cheatsheet) - A printable one-page cheatsheet for TailwindCSS.
(9 commits / 15 stars / 2020-11-10 ) 94 | - [justalever/tailwind-airbnb](https://github.com/justalever/tailwind-airbnb) - A demo of how to build Airbnb's home page using Tailwind CSS
(8 commits / 9 stars / 2020-06-05 ) 95 | - [cruip/tailwind-landing-page-template](https://github.com/cruip/tailwind-landing-page-template) - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
(7 commits / 120 stars / 2020-10-20 ) 96 | - [tailwindtoolbox/Fixed-Header](https://github.com/tailwindtoolbox/Fixed-Header) - Tailwind CSS Starter Template - Fixed Header
(6 commits / 4 stars / 2019-05-16 ) 97 | - [justalever/tailwind-navbar](https://github.com/justalever/tailwind-navbar) - A completely responsive CSS-only navbar using Tailwind CSS
(5 commits / 23 stars / 2020-09-18 ) 98 | - [clickfwd/ionic4-vue-tailwindcss-layouts](https://github.com/clickfwd/ionic4-vue-tailwindcss-layouts) - Ionic 4, Vue, Tailwind CSS demo app showcasing different layouts: list, list with virtual scroll, grid, cards, widget slider, modal
(4 commits / 6 stars / 2019-11-26 ) 99 | - [tailwindtoolbox/Multi-Section-Form](https://github.com/tailwindtoolbox/Multi-Section-Form) - Tailwind CSS Starter Template - Multi Section Form with Scrollspy
(4 commits / 5 stars / 2020-11-19 ) 100 | 101 | [⬆ Navigation](#navigation) 102 | 103 | ### By Activity 104 | 105 | 106 | - [tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms) -
( 2021-03-26 / 63 commits / 34 stars ) 107 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
( 2021-03-25 / 50 commits / 42 stars ) 108 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
( 2021-03-25 / 50 commits / 42 stars ) 109 | - [Charlie85270/tail-kit](https://github.com/Charlie85270/tail-kit) - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
( 2021-03-24 / 232 commits / 141 stars ) 110 | - [enochndika/kimia-UI](https://github.com/enochndika/kimia-UI) - A collection of UI Components for React built with Tailwind CSS 2.0
( 2021-03-24 / 144 commits / 11 stars ) 111 | - [creativetimofficial/notus-svelte](https://github.com/creativetimofficial/notus-svelte) - Notus Svelte: Free Tailwind CSS UI Kit and Admin
( 2021-03-19 / 408 commits / 24 stars ) 112 | - [umeshmk/Tailwindcss-cheatsheet](https://github.com/umeshmk/Tailwindcss-cheatsheet) - A very elegant and helpful Tailwindcss cheatsheet.
( 2021-03-08 / 10 commits / 8 stars ) 113 | - [wobsoriano/v-dashboard](https://github.com/wobsoriano/v-dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS.
( 2021-03-07 / 51 commits / 92 stars ) 114 | - [muhammadsammy/tailwindcss-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) - Functional typed classnames for TailwindCSS
( 2021-02-25 / 445 commits / 19 stars ) 115 | - [matyunya/smelte](https://github.com/matyunya/smelte) - UI framework with material components built with Svelte and Tailwind CSS
( 2021-02-24 / 693 commits / 80 stars ) 116 | - [innocenzi/tailwindcss-scroll-snap](https://github.com/innocenzi/tailwindcss-scroll-snap) - CSS Scroll Snap utilities for Tailwind CSS
( 2021-02-13 / 54 commits / 8 stars ) 117 | - [MedicOneSystems/livewire-datatables](https://github.com/MedicOneSystems/livewire-datatables) - Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
( 2021-01-28 / 103 commits / 89 stars ) 118 | - [danharrin/alpine-tailwind-components](https://github.com/danharrin/alpine-tailwind-components) - Alpine.js and Tailwind CSS component source code from my YouTube tutorials.
( 2021-01-26 / 13 commits / 26 stars ) 119 | - [davidgrzyb/tailwind-admin-template](https://github.com/davidgrzyb/tailwind-admin-template) - An admin dashboard template built with Tailwind and Alpine.js
( 2021-01-07 / 19 commits / 51 stars ) 120 | - [netcoresaas/saas-vuejs-tailwindcss](https://github.com/netcoresaas/saas-vuejs-tailwindcss) - VueJS + TailwindCSS frontend for SaaS apps.
( 2020-12-08 / 18 commits / 9 stars ) 121 | - [sailui/ui](https://github.com/sailui/ui) - Basic UI components for Tailwind CSS.
( 2020-12-04 / 50 commits / 3 stars ) 122 | - [thedevdojo/tails](https://github.com/thedevdojo/tails) - Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS
( 2020-12-02 / 367 commits / 294 stars ) 123 | - [dylanirlbeck/tailwind-ppx](https://github.com/dylanirlbeck/tailwind-ppx) - A Reason/OCaml Pre-Processor eXtension (PPX) that validates your Tailwind classes at compile-time.
( 2020-11-29 / 281 commits / 16 stars ) 124 | - [tailwindtoolbox/Landing-Page](https://github.com/tailwindtoolbox/Landing-Page) - Tailwind CSS Starter Template - Landing Page
( 2020-11-26 / 31 commits / 204 stars ) 125 | - [jorenvanhee/tailwindcss-debug-screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
( 2020-11-23 / 16 commits / 7 stars ) 126 | - [tailwindtoolbox/Multi-Section-Form](https://github.com/tailwindtoolbox/Multi-Section-Form) - Tailwind CSS Starter Template - Multi Section Form with Scrollspy
( 2020-11-19 / 4 commits / 5 stars ) 127 | - [tailwindtoolbox/Admin-Template-Day](https://github.com/tailwindtoolbox/Admin-Template-Day) - Tailwind CSS Starter Template - Admin Dashboard Template (Day Mode)
( 2020-11-19 / 10 commits / 34 stars ) 128 | - [asvny/building-realworld-user-interfaces-using-tailwind](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Demo of building real-world UIs using TailwindCSS
( 2020-11-18 / 20 commits / 14 stars ) 129 | - [gojutin/tailwind-cheatsheet](https://github.com/gojutin/tailwind-cheatsheet) - A printable one-page cheatsheet for TailwindCSS.
( 2020-11-10 / 9 commits / 15 stars ) 130 | - [cruip/tailwind-landing-page-template](https://github.com/cruip/tailwind-landing-page-template) - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
( 2020-10-20 / 7 commits / 120 stars ) 131 | - [estevanmaito/tailwindcss-multi-theme](https://github.com/estevanmaito/tailwindcss-multi-theme) - 🎨 The easiest way to create themes with Tailwind CSS.
( 2020-10-19 / 43 commits / 15 stars ) 132 | - [tailwindcomponents/dashboard](https://github.com/tailwindcomponents/dashboard) - 🛩 🧶 Dashboard template built with tailwindcss.
( 2020-09-26 / 26 commits / 39 stars ) 133 | - [justalever/tailwind-navbar](https://github.com/justalever/tailwind-navbar) - A completely responsive CSS-only navbar using Tailwind CSS
( 2020-09-18 / 5 commits / 23 stars ) 134 | - [estevanmaito/windmill-dashboard](https://github.com/estevanmaito/windmill-dashboard) - 📊 A multi theme, completely accessible, ready for production dashboard.
( 2020-08-05 / 94 commits / 156 stars ) 135 | - [benface/tailwindcss-typography](https://github.com/benface/tailwindcss-typography) - Tailwind CSS plugin to generate typography utilities and text style components
( 2020-07-19 / 49 commits / 7 stars ) 136 | - [benface/tailwindcss-filters](https://github.com/benface/tailwindcss-filters) - Tailwind CSS plugin to generate filter and backdrop filter utilities
( 2020-07-19 / 21 commits / 8 stars ) 137 | - [justalever/tailwind-airbnb](https://github.com/justalever/tailwind-airbnb) - A demo of how to build Airbnb's home page using Tailwind CSS
( 2020-06-05 / 8 commits / 9 stars ) 138 | - [embermap/emberconf2020-tailwind-css-best-practices](https://github.com/embermap/emberconf2020-tailwind-css-best-practices) - Tailwind CSS Tips, Tricks & Best Practices
( 2020-04-20 / 20 commits / 29 stars ) 139 | - [clickfwd/ionic4-vue-tailwindcss-layouts](https://github.com/clickfwd/ionic4-vue-tailwindcss-layouts) - Ionic 4, Vue, Tailwind CSS demo app showcasing different layouts: list, list with virtual scroll, grid, cards, widget slider, modal
( 2019-11-26 / 4 commits / 6 stars ) 140 | - [lorisleiva/tailwindcss-plugins](https://github.com/lorisleiva/tailwindcss-plugins) - 🔌🌊 Set of useful plugins for tailwindcss
( 2019-08-10 / 66 commits / 13 stars ) 141 | - [tailwindtoolbox/Fixed-Header](https://github.com/tailwindtoolbox/Fixed-Header) - Tailwind CSS Starter Template - Fixed Header
( 2019-05-16 / 6 commits / 4 stars ) 142 | - [caneco/design-tips](https://github.com/caneco/design-tips) - The “🔥 Design Tips” series, now in TailwindCSS
( 2019-05-05 / 10 commits / 16 stars ) 143 | 144 | 145 | [⬆ Navigation](#navigation) 146 | 147 | ### By Popularity 148 | 149 | 150 | - [thedevdojo/tails](https://github.com/thedevdojo/tails) - Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS
(294 stars / 2020-12-02 / 367 commits ) 151 | - [tailwindtoolbox/Landing-Page](https://github.com/tailwindtoolbox/Landing-Page) - Tailwind CSS Starter Template - Landing Page
(204 stars / 2020-11-26 / 31 commits ) 152 | - [estevanmaito/windmill-dashboard](https://github.com/estevanmaito/windmill-dashboard) - 📊 A multi theme, completely accessible, ready for production dashboard.
(156 stars / 2020-08-05 / 94 commits ) 153 | - [Charlie85270/tail-kit](https://github.com/Charlie85270/tail-kit) - Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
(141 stars / 2021-03-24 / 232 commits ) 154 | - [cruip/tailwind-landing-page-template](https://github.com/cruip/tailwind-landing-page-template) - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
(120 stars / 2020-10-20 / 7 commits ) 155 | - [wobsoriano/v-dashboard](https://github.com/wobsoriano/v-dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS.
(92 stars / 2021-03-07 / 51 commits ) 156 | - [MedicOneSystems/livewire-datatables](https://github.com/MedicOneSystems/livewire-datatables) - Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
(89 stars / 2021-01-28 / 103 commits ) 157 | - [matyunya/smelte](https://github.com/matyunya/smelte) - UI framework with material components built with Svelte and Tailwind CSS
(80 stars / 2021-02-24 / 693 commits ) 158 | - [davidgrzyb/tailwind-admin-template](https://github.com/davidgrzyb/tailwind-admin-template) - An admin dashboard template built with Tailwind and Alpine.js
(51 stars / 2021-01-07 / 19 commits ) 159 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
(42 stars / 2021-03-25 / 50 commits ) 160 | - [rosstopping/tailwindcss-templates](https://github.com/rosstopping/tailwindcss-templates) - Free templates & layouts created using Tailwind CSS.
(42 stars / 2021-03-25 / 50 commits ) 161 | - [tailwindcomponents/dashboard](https://github.com/tailwindcomponents/dashboard) - 🛩 🧶 Dashboard template built with tailwindcss.
(39 stars / 2020-09-26 / 26 commits ) 162 | - [tailwindtoolbox/Admin-Template-Day](https://github.com/tailwindtoolbox/Admin-Template-Day) - Tailwind CSS Starter Template - Admin Dashboard Template (Day Mode)
(34 stars / 2020-11-19 / 10 commits ) 163 | - [tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms) -
(34 stars / 2021-03-26 / 63 commits ) 164 | - [embermap/emberconf2020-tailwind-css-best-practices](https://github.com/embermap/emberconf2020-tailwind-css-best-practices) - Tailwind CSS Tips, Tricks & Best Practices
(29 stars / 2020-04-20 / 20 commits ) 165 | - [danharrin/alpine-tailwind-components](https://github.com/danharrin/alpine-tailwind-components) - Alpine.js and Tailwind CSS component source code from my YouTube tutorials.
(26 stars / 2021-01-26 / 13 commits ) 166 | - [creativetimofficial/notus-svelte](https://github.com/creativetimofficial/notus-svelte) - Notus Svelte: Free Tailwind CSS UI Kit and Admin
(24 stars / 2021-03-19 / 408 commits ) 167 | - [justalever/tailwind-navbar](https://github.com/justalever/tailwind-navbar) - A completely responsive CSS-only navbar using Tailwind CSS
(23 stars / 2020-09-18 / 5 commits ) 168 | - [muhammadsammy/tailwindcss-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) - Functional typed classnames for TailwindCSS
(19 stars / 2021-02-25 / 445 commits ) 169 | - [caneco/design-tips](https://github.com/caneco/design-tips) - The “🔥 Design Tips” series, now in TailwindCSS
(16 stars / 2019-05-05 / 10 commits ) 170 | - [dylanirlbeck/tailwind-ppx](https://github.com/dylanirlbeck/tailwind-ppx) - A Reason/OCaml Pre-Processor eXtension (PPX) that validates your Tailwind classes at compile-time.
(16 stars / 2020-11-29 / 281 commits ) 171 | - [estevanmaito/tailwindcss-multi-theme](https://github.com/estevanmaito/tailwindcss-multi-theme) - 🎨 The easiest way to create themes with Tailwind CSS.
(15 stars / 2020-10-19 / 43 commits ) 172 | - [gojutin/tailwind-cheatsheet](https://github.com/gojutin/tailwind-cheatsheet) - A printable one-page cheatsheet for TailwindCSS.
(15 stars / 2020-11-10 / 9 commits ) 173 | - [asvny/building-realworld-user-interfaces-using-tailwind](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Demo of building real-world UIs using TailwindCSS
(14 stars / 2020-11-18 / 20 commits ) 174 | - [lorisleiva/tailwindcss-plugins](https://github.com/lorisleiva/tailwindcss-plugins) - 🔌🌊 Set of useful plugins for tailwindcss
(13 stars / 2019-08-10 / 66 commits ) 175 | - [enochndika/kimia-UI](https://github.com/enochndika/kimia-UI) - A collection of UI Components for React built with Tailwind CSS 2.0
(11 stars / 2021-03-24 / 144 commits ) 176 | - [justalever/tailwind-airbnb](https://github.com/justalever/tailwind-airbnb) - A demo of how to build Airbnb's home page using Tailwind CSS
(9 stars / 2020-06-05 / 8 commits ) 177 | - [netcoresaas/saas-vuejs-tailwindcss](https://github.com/netcoresaas/saas-vuejs-tailwindcss) - VueJS + TailwindCSS frontend for SaaS apps.
(9 stars / 2020-12-08 / 18 commits ) 178 | - [benface/tailwindcss-filters](https://github.com/benface/tailwindcss-filters) - Tailwind CSS plugin to generate filter and backdrop filter utilities
(8 stars / 2020-07-19 / 21 commits ) 179 | - [innocenzi/tailwindcss-scroll-snap](https://github.com/innocenzi/tailwindcss-scroll-snap) - CSS Scroll Snap utilities for Tailwind CSS
(8 stars / 2021-02-13 / 54 commits ) 180 | - [umeshmk/Tailwindcss-cheatsheet](https://github.com/umeshmk/Tailwindcss-cheatsheet) - A very elegant and helpful Tailwindcss cheatsheet.
(8 stars / 2021-03-08 / 10 commits ) 181 | - [benface/tailwindcss-typography](https://github.com/benface/tailwindcss-typography) - Tailwind CSS plugin to generate typography utilities and text style components
(7 stars / 2020-07-19 / 49 commits ) 182 | - [jorenvanhee/tailwindcss-debug-screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
(7 stars / 2020-11-23 / 16 commits ) 183 | - [clickfwd/ionic4-vue-tailwindcss-layouts](https://github.com/clickfwd/ionic4-vue-tailwindcss-layouts) - Ionic 4, Vue, Tailwind CSS demo app showcasing different layouts: list, list with virtual scroll, grid, cards, widget slider, modal
(6 stars / 2019-11-26 / 4 commits ) 184 | - [tailwindtoolbox/Multi-Section-Form](https://github.com/tailwindtoolbox/Multi-Section-Form) - Tailwind CSS Starter Template - Multi Section Form with Scrollspy
(5 stars / 2020-11-19 / 4 commits ) 185 | - [tailwindtoolbox/Fixed-Header](https://github.com/tailwindtoolbox/Fixed-Header) - Tailwind CSS Starter Template - Fixed Header
(4 stars / 2019-05-16 / 6 commits ) 186 | - [sailui/ui](https://github.com/sailui/ui) - Basic UI components for Tailwind CSS.
(3 stars / 2020-12-04 / 50 commits ) 187 | 188 | 189 | [⬆ Navigation](#navigation) 190 | --------------------------------------------------------------------------------