Premium Components for
Elite Agents
Browse the modular architecture and interactive previews of the built‑in UI, AI, and data components.
Button
Animated primitive with multiple variants, sizes, and loading states.
Card
Structural container for grouping related content and actions.
Input
Form primitive with label support, error states, and focus animations.
CodeSnippet
Syntax-highlighted code block with inline variant. Powered by react-syntax-highlighter.
ThemeToggler
Dark/light mode toggle with a cinematic View Transitions API wipe animation.
UserProfile
Premium user profile dropdown with animated transitions, sectioned actions, and status badges.
PageTransition
Framer Motion wrapper that adds a smooth fade-slide animation to any page or section.
Logo
Elite SVG logo with abstract geometric symbols, upward momentum themes, and interactive glow effects.
ScrollBar
Theme-aware custom scrollbar that automatically matches every color scheme and dark/light mode via CSS variables.
Navbar
Responsive navigation bar with search, user profile, mobile menu, and theme toggle.
Footer
Composable footer with brand section, multi-column link groups, and copyright.
Sidebar
Collapsible application sidebar with animated active states and grouped navigation.
LogIn
Unified auth card that toggles between login & register modes with animated transitions and a switch link.
AIChat
Comprehensive AI chat interface with file upload, voice dictation, and media generation.
AIDemo
Minimal prompt-response widget for quickly testing AI model integrations.
AgentVoiceControl
Voice-input and text-to-speech widget for AI agents using Web Speech API.
PDFProcessor
Autonomous PDF agent that extracts text and answers questions via AI.
ScraperService
Modular high-performance Python scraper with specialized extractors for News, Finance, and generic sites.
TeamChat
Real-time collaborative chat with group channels and instant message broadcasting.
VoiceComms
High-fidelity WebRTC voice communication layer with P2P mesh networking and encryption.
PresenceIndicator
Animated multi-user presence tracking with absolute status visualization and tooltips.
TypingIndicator
Dynamic typing occupancy indicator with pulse animations and name clustering.
RealtimeCursor
Infinite-canvas cursor tracking with spring physics and unique user coloring.
LiveNotifications
Global notification system for real-time broadcast events with priority styling.
ActivityFeed
Live event stream with action-specific iconography and glassmorphism styling.
CollaborativeEditor
Multi-user text synchronization with broadcast edit layers and typing presence.
ThemeCustomizer
Real-time theme engine for controlling HSL colors, typography, and custom theme generation.
SearchBar
Command-palette search with fuzzy matching, keyboard navigation, and category grouping.
RazorpayButton
One-click Razorpay payment button with server-side order creation and signature verification.