CodeVora UI Library 1.0.9

The Modern Animated UI Components Library for Web Developers

Free, Animated, and Professional UI Components for high-end React apps.

npm install codevora-ui  

CodeVora UI • YouTube Community

---

CodeVora UI Library

High-performance theme based UI components.

About CodeVora UI 💎

CodeVora UI is a specialized React component library designed for developers who want to add "Hacker-style," high-performance, and deeply animated visual elements to their web applications without the heavy lifting of custom CSS and Canvas logic.

🚀 Key Features

• Plug & Play: Import and use immediately in any React project.
• Lightweight: Optimized bundle size via Rollup.
• Modern Tech: Compatible with React 17, 18, and 19.
• Beautifully Animated: Built-in animations that work out of the box.

📦 Installation

npm install codevora-ui

✅ Usages Example [App.jsx]

• Some presets for Background [Matrix, Waves, Cyberpunk, Glassmorphism, Matrix, Messy, Starfield]

• For more checkout [CodeVora UI] (https://codevora140.vercel.app/react-library/topics)

    import { Background } from 'codevora-ui';
    ...
    return(
        <Background preset='Matrix'>
            <div style={{minHeight: "100vh"}}>
                Hello
            </ div>
        </Background>
    );

📄 License

MIT © Sujan Rai

Folder Structure [Demo]

codevora-ui/
  ├── index.d.ts
  │
  ├── src/
  │     ├── index.js
  │     │
  │     ├── components/
  │     │       ├── core/
  │     │       │       ├── Background/
  │     │       │       │       ├── Background.jsx
  │     │       │       │       ├── Background.d.ts
  │     │       │       │       └── preset/
  |     |       |       |             ├── Matrix/
  |     |       |       |             |      ├── MatrixBackground.jsx
  │     │       │       │             |      └── MatrixBackground.module.css
  |     |       |       |             |
  |     |       |       |             ├── Waves/
  |     |       |       |             |      ├── WavesBackground.jsx
  |     |       |       |             |      └── WavesBackground.module.css
  |     |       |       |             |
  |     |       |       |             ├──Cyberpunk/
  |     |       |       |             ├──Messy/
  |     |       |       |             └── ..../
  │     │       │       ├── index.js
  │     │       │       └── index.d.ts
  │     │       │
  │     │       ├── environments/
  │     │       │       ├── HackerBackground/
  │     │       │       │       ├── HackerBackground.jsx
  │     │       │       │       ├── HackerBackground.css
  │     │       │       │       └── index.js
  │     │       │       ├── .../
  │     │       │       │   
  │     │       │       ├── index.js
  │     │       │       └── index.d.ts
  │     │       │
  │     │       └── index.js