Use 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 uiA set of free MIT-licensed high-quality SVG icons for you to use in your web projects. Icons created by Steve Schoger, heroicons.dev created by me (@username_ZAYDEK).
nextjs tailwind-css heroiconsTailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular. Tailwind Starter Kit comes with 120 Fully Coded CSS elements.
dashboard hacktoberfest kits angular-landing-page tailwindcss dynamic-components tailwind-css tailwind-admin tailwind-css-template tailwindcss-starter-kit tailwindcss-starter-project tailwindcss-extension tailwind-starter-kit tailwind-react tailwind-vue hacktoberfest2021This schematic will add Tailwind CSS to your Angular application. IMPORTANT for AngularCLI users: As of April 06 2021, create-nx-workspace@latest still generates Angular with AngularCLI 11.0.7 which does not have built-in TailwindCSS support. Please update AngularCLI by running ng update @angular/cli before running this schematics.
css angular utils schematics nx tailwindcss nx-workspace tailwind-css cliMosaic 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-cssVite 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-templateWe proudly support the community by developing Laravel packages and giving them away for free. Keeping track of issues and pull requests takes time, but we're happy to help! If this package saves you time or if you're relying on it professionally, please consider supporting the maintenance and development. If you're using Tailwind, make sure the right plugin (v1 or v2) is installed and configured.
bootstrap laravel laravel-framework bootstrap4 laravel-package bootstrap-4 tailwindcss tailwind-css tailwindcss-plugin@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 notusI used the TailWind CSS Boilerplate project for this. A growing collection of text/image cards you can use/copy-paste in your tailwind css projects. Some of these cards have animated hover effects.
learning-by-doing tailwindcss tailwind-cssThese directives are fine for a dev environment, however, if you want to use your own Tailwindcss or Alpinde.js setup, you can disable these assets from being loaded with the Laravel views directive. Once you have installed the package and included the assets you can start to create a basic table view.
laravel alpine laravel-package tailwind-css laravel-livewire tall-stack🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS. Clone this project and use it to create your own Next.js blog. You can check a Next js blog templates demo.
static-site-generator boilerplate typescript eslint nextjs starter-template starter static-site starter-kit netlify jamstack static-website starter-project boilerplate-front-end next-theme next-js tailwind-css jamstack-site nextjs-starterStart 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 notusSetting up a tailwind css based project needs to install the tailwindcss npm package, postcss and autoprefixer - it also requires to configure a tailwind.config.js as well as postcss.config.js (optional, if you're planning to use postcss) and then configure those files manually. Use this boilerplate as the starting point for your JAMstack + Tailwind CSS based projects.
boilerplate tailwind tailwindcss tailwind-css vite vitejsI used the TailWind CSS Boilerplate project for this.
educational learning-by-doing tailwind tailwindcss tailwind-cssTailwind CSS Filters is a expressive CSS filters for the utility-first framework Tailwind CSS. Now you can use the filter classes to add some filters to your HTML elements and images.
tailwind tailwindcss tailwindcss-plugin tailwind-css css-filters filters🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog. ⚡️ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional). Clone this project and use it to create your own Eleventy blog. You can check a Eleventy templates demo.
blog static-site-generator boilerplate webpack blogging static-site starter-kit netlify jamstack netlify-cms purgecss eleventy eleventy-sample tailwind-css netlify-template eleventy-theme 11ty eleventy-template eleventy-site🚀 Landing Page theme written in Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS. Clone this project and use it to create your own Next.js project. You can check a Next js templates demo.
boilerplate typescript landing-page nextjs templates starter themes landing-pages tailwind tailwindcss nextjs-template tailwind-css nextjs-starter tailwind-css-template nextjs-boilerplate nextjs-typescript tailwindcss-starter-kit tailwind-css-theme tailwindcss-v2 tailwind-kit
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.