✦ ArcUI

ArcUI is a premium, high-performance React UI library featuring an "Ash Black" aesthetic, cinematic spotlight effects, and advanced Glassmorphism. Built with React, Tailwind CSS, and Framer Motion.

📦 Installation

To install ArcUI in your React project, run:

npm install @paboddev05/arcui

⚠️ Important Setup
You must import the library's CSS file at the root of your application (e.g., main.jsx or App.jsx) for styles to load correctly.

import '@paboddev05/arcui/style.css';

🧩 Components
1. SpotlightNavbar
A responsive navbar with a magnetic spotlight hover effect and mobile drawer.

import { SpotlightNavbar, createNavItems } from '@paboddev05/arcui';

const navItems = createNavItems([
  { label: "Home", href: "#" },
  { label: "About", href: "#" }
]);

<SpotlightNavbar items={navItems} />

2. GlowingButton
A high-impact action button with a moving gradient beam border.

import { GlowingButton } from '@paboddev05/arcui';

<GlowingButton glowColor="#a855f7" onClick={() => alert('Clicked')}>
  Get Started
</GlowingButton>

3. GlassForm (Card & Input)
Beautiful, transparent form components with blur effects.

import { GlassCard, GlassInput } from '@paboddev05/arcui';

<GlassCard>
  <GlassInput label="Email" placeholder="[email protected]" />
</GlassCard>

4. CountdownTimer
A jitter-free, tabular-num countdown timer.

import { CountdownTimer } from '@paboddev05/arcui';

<CountdownTimer targetDate={new Date('2026-12-31')} size="lg" />

5. SpotlightFooter
A footer with a top ambient spotlight and grid layout.

import { SpotlightFooter } from '@paboddev05/arcui';

<SpotlightFooter logo="ArcUI" copyright="© 2026" />

6. LoadingScreen
A cinematic intro animation with text reveal.

import { LoadingScreen } from '@paboddev05/arcui';

// Use inside your main App component
{loading && <LoadingScreen onLoadingComplete={() => setLoading(false)} />}

🎨 Customization
All components accept a className prop, allowing you to override styles using Tailwind CSS.

<Button className="bg-red-500 hover:bg-red-600">
  Custom Button
</Button>

📄 License
MIT © PabodDev