ElementraUI
A modern React component library with Tailwind CSS for building beautiful UIs
🚀If you're using Next.js 15, see the Next.js 15 + React 19 guide.
Create project
Run the npm create vite@latest command to create a new React.js project with Vite:
Terminal
$npm i elementra-ui
Terminal
$import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
Add the @tailwindcss/vite plugin to your Vite configuration for Tailwind CSS v4.0.
CSS
$@import "tailwindcss";
Add a single @import to your CSS file that imports Tailwind CSS v4.0.
Terminal
$npx tailwindcss init -p
This command will create both tailwind.config.js and postcss.config.js files in your project. Note: Tailwind CSS v4.0 supports CSS-first configuration using @theme directive.