material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design

  •        108

@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.

https://material-tailwind.com/
https://github.com/creativetimofficial/material-tailwind

Dependencies:

@babel/plugin-proposal-class-properties : ^7.13.0
@babel/runtime : ^7.14.0
@tippyjs/react : ^4.2.5
material-icons : ^0.6.4
material-ripple-effects : ^2.0.1
next : ^10.2.3
next-images : ^1.7.0
npm : ^7.14.0
path : ^0.12.7
postcss-import : ^14.0.2
react : 17.0.2
react-copy-to-clipboard : ^5.0.3
react-dom : 17.0.2
react-syntax-highlighter : ^15.4.3

Tags
Implementation
License
Platform

   




Related Projects

tailwind-starter-kit - Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

  •    CSS

Tailwind 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.

notus-react - Notus React: Free Tailwind CSS UI Kit and Admin

  •    Javascript

Start 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.

notus-nextjs - Notus NextJS: Free Tailwind CSS UI Kit and Admin

  •    Javascript

Start 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.

smelte - UI framework with material components built with Svelte and Tailwind CSS

  •    Svelte

Smelte is a UI framework built on top of Svelte and Tailwind CSS using Material Design spec (hence the name). It comes with many components and utility functions making it easy to build beautiful responsive layouts while keeping bundle size and performance at check all thanks to Svelte. Then add the Smelte Rollup plugin (after svelte but before css). Webpack support coming soon.

tailwind-dashboard-template - Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

  •    Javascript

Mosaic 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.


vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start 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.

tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code

  •    TypeScript

Tailwind 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.

tailwindcss - A Tailwind CSS frontend preset for the Laravel Framework

  •    Blade

A 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.

notus-svelte - Notus Svelte: Free Tailwind CSS UI Kit and Admin

  •    Svelte

Start 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.

twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  •    TypeScript

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.

tailwind - 🔥 A schematic that adds Tailwind CSS to Angular applications

  •    TypeScript

This 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.

tailwind-landing-page-template - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React

  •    Javascript

Simple 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.

tailwind-cards - A growing collection of text/image cards you can use/copy-paste in your tailwind css projects

  •    CSS

I 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.

tailwindcss-custom-forms - A better base for styling form elements with Tailwind CSS.

  •    Javascript

This project is not compatible with Tailwind CSS v2.0+ and has been deprecated in favor of @tailwindcss/forms. You can still use this if you are on Tailwind CSS v1.x, but we recommend updating to v2.0 and migrating to @tailwindcss/forms if possible.

kickoff_tailwind - A rapid Rails 6 application template for personal use bundled with Tailwind CSS

  •    HTML

A rapid Rails 6 application template for personal use. This particular template utilizes Tailwind CSS, a utility-first CSS framework for rapid UI development. Tailwind depends on Webpack so this also comes bundled with webpacker support.

laravel-form-components - A set of Blade components to rapidly build forms with Tailwind CSS (v1

  •    PHP

We 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.

v-dashboard - Dashboard starter template built with Vue 3 and Tailwind CSS.

  •    Vue

Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript. Copied from https://github.com/tailwindcomponents/dashboard and converted to Vue.

windicss - Next generation utility-first CSS framework.

  •    TypeScript

Next generation utility-first CSS framework. If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.






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.