Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar. Get all the benefits of Tailwind without the need for Tailwind, PostCSS, configuration, purging, or autoprefixing.
css css-in-js tailwind tailwindcss tailwind-in-js tw-in-jsA Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development. The default tailwind.config.js configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run node_modules/.bin/tailwind init, which will generate a fresh configuration file for you, which you are free to change to suit your needs.
laravel preset tailwind tailwindcss tailwind-scaffoldingTailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting. In order for the extension to activate you must have tailwindcss installed and a Tailwind config file named tailwind.config.js in your workspace.
css vscode intellisense vscode-extension tailwind tailwindcssUse component classes like btn, card, etc… to build your UI.
css ui-design design-systems design-pattern postcss css-framework design-patterns ui-kit ui-components css-components ui-pattern design-system ui-library ui-framework tailwind tailwindcss tailwind-css components component framework theming design uiSimple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Simple light is designed to provide all the basic components a developer need to create a landing page for SaaS products, online services, and more. Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it. Created and maintained with ❤️ by Cruip.com. This project was bootstrapped with Create React App.
react landing-page reactjs startup free page landing tailwind tailwindcssLaravel Jetstream is a beautifully designed application scaffolding for Laravel. Jetstream provides the perfect starting point for your next Laravel application and includes login, registration, email verification, two-factor authentication, session management, API support via Laravel Sanctum, and optional team management. Jetstream is designed using Tailwind CSS and offers your choice of Livewire or Inertia scaffolding.
laravel auth tailwindAdvanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
laravel tailwind laravel-livewire livewire-datatablesMosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React. It comes with several pre-coded charts (built with Chart.js 3) and widgets, and it's a great starting for anyone who wants to create a user interface for SaaS products, administrator dashboards, modern web apps, and more. Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it.
react dashboard reactjs templates chartjs admin-dashboard dashboards dashboard-templates analytics-dashboard flatpickr tailwind tailwindcss tailwind-cssAlternatively this repo also contains a .fig file that can be imported into Figma.
css design kit figma tailwind tailwindcssLaravel Livewire, Tailwind forms with auto-generated views. 💗 Please Sponsor 🔗 It takes a lot of time to create and maintain this package. I am forever grateful to my sponsors.
laravel form livewire tailwind tailwindcss laravel-livewire tallstackVite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡
css template vuejs vue starter-template starter vue-router jit-compiler tailwind tailwindcss tailwind-css vue3 vite tailwindui tailwind-ui vitejs vite-templateIf you migrated to yarn, you can replace npm run with yarn when executing upcoming commands.
webpack vue postcss scss liquid shopify shopify-theme tailwind tailwindcss@material-tailwind is an easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines. Coming soon components for VueJS, Angular and many more. Add this repository to your watch list to get the latest news, or join our newsletter community: https://material-tailwind.com/. Import the tailwind.css into your app.js file. Make sure to import the tailwind.css style sheet after all other style sheets.
react material material-design reactjs hacktoberfest tailwind tailwindcss tailwind-css tailwind-css-template tailwindcss-extension hacktoberfest2021 material-tailwindStart your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Let Notus NextJS amaze you with its cool features and build tools and get your project to a whole new level. Notus NextJS is Free and Open Source. It features multiple HTML and NextJS elements and it comes with dynamic components for NextJS.
react admin dashboard kit reactjs nextjs uikit admin-dashboard ui-kit react-template react-admin tailwind tailwindcss nextjs-template tailwind-css tailwind-css-template tailwindcss-extension notus nextjs-componentsStart your development with a Free Tailwind CSS and React UI Kit and Admin. Let Notus React amaze you with its cool features and build tools and get your project to a whole new level. Notus React is Free and Open Source. It features multiple HTML and React elements and it comes with dynamic components for React.
react admin dashboard kit reactjs uikit react-components admin-dashboard ui-kit react-template react-admin tailwind tailwindcss tailwind-css react-dashboard tailwind-css-template tailwindcss-extension react-kit notusThis plugin reads your tailwind.config.js to sort tailwind classes in your project. Other IDE's are supported.
html vscode prettier sorter prettier-plugin tailwind sort-tailwind plugin tailwindcss sort orderFirst Load JS of 74Kb. This starter will automatically pick the marked R3F components and inject them into a canvas layout so we can navigate seamlessly between the pages with some dynamic dom and canvas content without reloading or creating a new canvas every time. Inform the nextjs page that the component is a Threejs component. For that, simply add the r3f property to the parent component.
react webgl threejs starter tailwind react-three-fiberCreate .env.local and change env variables as per the instructions. Setup the database by running the following command and pasting the Fauna Secret key when prompted. More details at fauna-schema-migrate.
typescript authentication nextjs passwordless faunadb fauna passwordless-login passwordless-authentication github-authentication tailwind tailwindcss next-auth nextjs-starter nextjs-boilerplate react-query vercel linkedin-authentication github-auth react-query-devtoolsStart your development with a Free Tailwind CSS and Svelte UI Kit and Admin. Let Notus Svelte amaze you with its cool features and build tools and get your project to a whole new level. Notus Svelte is Free and Open Source. It features multiple HTML and Svelte elements and it comes with dynamic components for Svelte.
admin dashboard kit uikit svelte-components svelte admin-dashboard ui-kit sveltejs tailwind tailwindcss tailwind-css tailwind-css-template svelte-template svelte-kit svelte-admin svelte-dashboard notusStart your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.
vuejs admin dashboard vue kit uikit admin-dashboard ui-kit vue-template vue-admin vuejs-admin tailwind tailwindcss tailwind-css vuejs-template tailwind-css-template vue-kit vue-dashboard tailwindcss-extension notus
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.