FotieMConstant / revind

Open source Tailwind UI components to bootstrap your new apps, projects or landing websites!

Home Page:revind.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

name description
@revind/react react components
@revind/vue vue components
@revind/styles default style objects
@revind/tailwindcss-preset-revind framework specific tailwindcss configuration
@revind/types cross framework component specific props & style-object type declarations

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

About

Open source Tailwind UI components to bootstrap your new apps, projects or landing websites!

revind.vercel.app

License:MIT License


Languages

Language:TypeScript 85.2%Language:JavaScript 10.0%Language:Vue 4.7%Language:CSS 0.1%