Getting started
How to install
Add the package, make sure React is available, and pick the styling setup that matches your project.
Getting Started
Installation & Styling Guide
Loomora works out-of-the-box in both Tailwind and standard (non-Tailwind) projects. Choose your setup below.
1. Install Loomora
npm install loomora2. Peer Dependencies (Important to have)
Loomora requires react and react-dom (>=18.2.0 <20) in your project. These are essential peer dependencies. If your project doesn't have them installed yet, install them separately:
npm install react react-dom3. Styling Setup
No Tailwind required! Simply import Loomora's precompiled stylesheet in your root entry file (main.tsx, index.tsx, or layout.tsx). It bundles all required utility classes, theme variables, and keyframe animations without resetting your global styles:
// In your main entry file (main.tsx, index.tsx, or layout.tsx)
import 'loomora/dist/index.css'
import { Button, LoomoraProvider } from 'loomora'
export default function App() {
return (
<LoomoraProvider>
<Button title="Get Started" variant="fill" color="info" />
</LoomoraProvider>
)
}Installed? Next, wire up the provider.
Learn how LoomoraProvider works and which configuration you can set.