drehimself / Tailwind Examples
A collection of web pages built in Tailwind CSS v0.7.4
Stars: ✭ 84
Labels
Projects that are alternatives of or similar to Tailwind Examples
Tailwind Cheatsheet
A printable one-page cheatsheet for TailwindCSS.
Stars: ✭ 67 (-20.24%)
Mutual labels: tailwindcss
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-13.1%)
Mutual labels: tailwindcss
Tailwindcss Pseudo Elements
TailwindCSS Plugin that adds variants of pseudo elements.
Stars: ✭ 81 (-3.57%)
Mutual labels: tailwindcss
Tailwindcss Alpha
Automatic alpha variants for your Tailwind CSS colors
Stars: ✭ 68 (-19.05%)
Mutual labels: tailwindcss
Developmint.de
Open source company page built with Nuxt.js and TailwindCSS
Stars: ✭ 74 (-11.9%)
Mutual labels: tailwindcss
Tall
A TALL (Tailwind CSS, Alpine.js, Laravel and Livewire) Preset for Laravel
Stars: ✭ 1,133 (+1248.81%)
Mutual labels: tailwindcss
Starter Kit Cool Writings
Statamic Starter Kit: Cool Writings
Stars: ✭ 84 (+0%)
Mutual labels: tailwindcss
Tailwindcss Theme Variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
Stars: ✭ 73 (-13.1%)
Mutual labels: tailwindcss
Dashboard
Customizable personal dashboard and startpage
Stars: ✭ 70 (-16.67%)
Mutual labels: tailwindcss
Nuxt Tailwind
A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.
Stars: ✭ 71 (-15.48%)
Mutual labels: tailwindcss
Pingcrm Svelte
🦊 Ping CRM Svelte - A demo app to illustrate how Inertia.js works with Laravel and Svelte (hosted on a heroku free dyno).
Stars: ✭ 74 (-11.9%)
Mutual labels: tailwindcss
Tailwindcss Sketch Kit
💎 Sketch UI kit for Tailwind CSS
Stars: ✭ 68 (-19.05%)
Mutual labels: tailwindcss
Sonwan Ui
SonWan UI is a modular UI component library based on figma design to build your next React Web Application.
Stars: ✭ 75 (-10.71%)
Mutual labels: tailwindcss
Alpinejs Playground
A set of ready to use Alpine.js examples with TailwindCSS
Stars: ✭ 65 (-22.62%)
Mutual labels: tailwindcss
Vue Tailwind
Vue UI components with configurable classes ready for TailwindCSS
Stars: ✭ 1,183 (+1308.33%)
Mutual labels: tailwindcss
Tailwindcss Tables
Bootstrap styled tables for Tailwind CSS
Stars: ✭ 84 (+0%)
Mutual labels: tailwindcss
App Store Tailwind
Mojave App Store Rebuild with Tailwind CSS, Electron and Vue
Stars: ✭ 82 (-2.38%)
Mutual labels: tailwindcss
Stts
A starter template for Svelte, Tailwind, Typescript, and Snowpack
Stars: ✭ 78 (-7.14%)
Mutual labels: tailwindcss
For Tailwind CSS v1.0 examples, check out my other repo.
Tailwind CSS Examples
A collection of web pages and web components built in Tailwind CSS v0.7.4.
Website: https://tailwindcss.andredemos.ca
Screencasts: YouTube link
Installation
I'm using Laravel for these examples. For me, it was the fastest way to get Tailwind CSS running.
- Clone the repo and
cd
into it composer install
- Rename or copy
.env.example
file to.env
php artisan key:generate
npm install
-
npm run dev
ornpm run watch
-
php artisan serve
or use Laravel Valet or Laravel Homestead - Visit
localhost:8000
in your browser
If you're not using Laravel
Check out the Tailwind CSS Docs on how to get setup in your environment.
Here are the relevant files:
- HTML Markup - These are purely HTML. They DO NOT have any PHP syntax in them.
- CSS - The CSS that Tailwind CSS will compile.
- tailwind.js - The Tailwind config file.
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].