@nebulaai/lumina-ui
v1.0.1
Published
Enterprise-grade glass morphism UI components with neural-inspired design system
Downloads
3
Maintainers
Readme
🌟 Lumina UI
Enterprise-grade glass morphism UI components for React
🚀 Quick Start
npm install @sp3ctrum/lumina-uiimport { Button, GlassCard } from '@sp3ctrum/lumina-ui'
import '@sp3ctrum/lumina-ui/styles'
function App() {
return (
<GlassCard className="p-6">
<h1>Hello Lumina!</h1>
<Button variant="glass">Click me</Button>
</GlassCard>
)
}📦 What's Included
Glass Components
GlassCard- Beautiful glass-effect containersFloatingActionButton- Floating buttons with depthGlassEffect- Apply glass morphism to any element
Interactive Elements
Button- Buttons with glass variantsNeonButton- Glowing neon-style buttonsAnimatedCounter- Smooth number animations
Advanced Components
SmartAnalytics- Data visualization with AI insightsVirtualizedList- High-performance listsParticleField- Interactive particle effects
🎨 Basic Usage
Glass Card
<GlassCard blur="md" opacity={0.1}>
<p>Your content here</p>
</GlassCard>Buttons
<Button variant="glass" size="lg">
Glass Button
</Button>
<NeonButton color="blue" glow={true}>
Neon Button
</NeonButton>Analytics
<SmartAnalytics
data={yourData}
theme="glass"
showInsights={true}
/>⚡ Performance
- 12.3kB gzipped bundle size
- Tree-shakeable - import only what you need
- Optimized for React 18+
- Accessible WCAG 2.1 compliant
🔧 TypeScript Support
Full TypeScript support with IntelliSense:
interface MyComponentProps {
data: AnalyticsData[]
}
const MyComponent: React.FC<MyComponentProps> = ({ data }) => {
return (
<SmartAnalytics
data={data}
theme="neural"
insights="auto"
/>
)
}🎯 Features
- ✨ Glass Morphism - Premium frosted glass effects
- 🚀 High Performance - Optimized for production
- 📱 Responsive - Mobile-first design
- ♿ Accessible - WCAG 2.1 AA compliant
- 🎨 Customizable - Easy theming system
- 🔧 TypeScript - Full type safety
📚 Documentation
For detailed documentation and examples, visit our documentation site.
🤝 Support
📄 License
MIT © Temporal AI Technologies Inc
Built with ❤️ by Temporal AI Technologies
