Revind

tailwindcss but the logic is covered

A frontend UI Component framework supporting most of the major frontend UI frameworks including React, Vue

Revind is tailwindcss based. It gives the full power to styling. Also creating unique styles in revind 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

Project structure

Installation

Make sure Nodejs v12+, tailwindcss is installed & configured React:

$ npm i @revind/react @revind/styles && npm i -D @revind/tailwindcss-preset-revind

using yarn

$ yarn add @revind/react @revind/styles && yarn add -D @revind/tailwindcss-preset-revind

Vue:

$ npm i @revind/vue @revind/styles && npm i -D @revind/tailwindcss-preset-revind

using yarn

$ yarn add @revind/vue @revind/styles && yarn add -D @revind/tailwindcss-preset-revind

Docs

Docs are located in revind.vercel.app. Visit it to learn more about revind

Contribution

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, sveltejs developers who can willingly contribute to this Open-Source project

Running locally

Make sure you have nodejs@^12 & npm@^7 installed. Then git clone the repository & in the project root directory run:

$ npm install

To 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