Button
Button component with neon glow variants.
Card
Dark glass card with subtle border and shadow.
This is the card content area with default styling.
Badge
Badge variants for status and category labels.
Input
Input field with neon cyan focus ring.
Select
Dropdown select with dark glass styling.
Tabs
Tab navigation with neon underline indicator.
Skeleton
Dark shimmer loading placeholder.
Avatar
User avatar with fallback initials.
Progress
Progress bar with neon gradient fill.
GlassCard
Heavy glassmorphism card with hover glow and optional gradient border.
Default
Standard glass effect with hover glow animation.
Strong
Stronger glass effect with more opacity.
Gradient Border
Glass card wrapped with gradient border.
NeonBadge
Badge with pulsing neon glow animation.
NeonText
Heading component with text-shadow neon glow.
Cyan Neon Glow
Lime Neon Glow
Primary Blue Glow
Secondary Purple Glow
Gradient Text
GradientBorder
Wrapper component with animated gradient border.
Static Gradient
Gradient border wrapper around content.
Animated Gradient
Border gradient smoothly animates.
LoadingSpinner
Futuristic spinner with neon rings.
EmptyState
Empty state placeholder with icon, text, and CTA.
No proposals yet
When new proposals are created from AI scans or X mentions, they will appear here.
AnimatedCounter
Number that animates up using framer-motion.
Total Proposals
Uptime
Volume
ViralityScore
Circular gauge showing 0-100 with color gradient.
VoteButtonGroup
Three-way vote buttons with selection state and percentage bars.
Interactive (click to vote):
No votes yet:
Disabled state:
ProposalCard
Full proposal card combining GlassCard, badges, virality score, and metadata.
Will Bitcoin hit $150k by end of 2026?
Will a new meme coin surpass DOGE market cap?
Will Ethereum implement full sharding by Q4 2026?
Composition Example
Components combined into a realistic dashboard view.
Active Markets
Currently accepting votes
Active
Total
Volume
72% of proposals approved this week