Tailwindcss and Material You design with the logic covered
A frontend UI Component framework supporting most of the major frontend UI frameworks including React, Vue.
Tailwind You includes a variety of HTML, Vue React components, all created with Tailwind CSS classes and following Material You Design principles.
Tailwind You is tailwindcss based. It gives the full power to styling. Also creating unique styles in tailwind you is unbelievably easy using global StyleObjects. Giving full power to modifying the style of the components in any state. Also because its tailwindcss based thus gives out of the box modularity
| name | description |
|---|---|
| @tailwind-you/react | react components |
| @tailwind-you/vue | vue components |
| @tailwind-you/styles | default style objects |
| @tailwind-you/tailwindcss-preset-tailwind-you | framework specific tailwindcss configuration |
| @tailwind-you/types | cross framework component specific props & style-object type declarations |
Make sure Nodejs v12+, tailwindcss is installed & configured React:
$ npm i @tailwind-you/react @tailwind-you/styles && npm i -D @tailwind-you/tailwindcss-preset-tailwind-youusing yarn
$ yarn add @tailwind-you/react @tailwind-you/styles && yarn add -D @tailwind-you/tailwindcss-preset-tailwind-youVue:
$ npm i @tailwind-you/vue @tailwind-you/styles && npm i -D @tailwind-you/tailwindcss-preset-tailwind-youusing yarn
$ yarn add @tailwind-you/vue @tailwind-you/styles && yarn add -D @tailwind-you/tailwindcss-preset-tailwind-youDocs are located in tailwind-you-sooty.vercel.app. Visit it to learn more about tailwind you
Contributors needed! Any kind contribution related to this project & following all the instructions/rules defined in CONTRIBUTION.md are warmly accepted
Currently this projects needs your support. We need some reactjs, vuejs developers who can willingly contribute to this Open-Source project
Make sure you have nodejs@^12 & npm@^7 installed. Then git clone the repository & in the project root directory run:
$ npm installTo run the React project:
$ cd ./packages/react/ && npm start To run the Vue project:
$ cd ./packages/vue/ && npm start This will start the storybook dev-server & will show the link where it got served