UI Inspiration & Component Libraries
Curated links for the Guild UI revamp. Sourced from awesome-shadcn-ui and the shadcn/ui examples repo.
Component Discovery
- 21st.dev — open source npm for shadcn/ui components, install via CLI or publish your own
- origin-ui — polished component variants with Tailwind + Next.js
- animate-ui — animated primitives installable via shadcn CLI
Fantasy / RPG Aesthetic
- warcraftcn — Warcraft III RTS UI components (very on-brand for Guild)
- 8bitcn — retro 8-bit styled components
- scificn-ui — sci-fi HUD panels, neon grids, tactical displays
- glitchcn-ui — terminal/cyberpunk with scanline effects
- the-gridcn — Tron-inspired theme
Animations
- magicui — landing page components with framer motion animations
- aceternity-ui — trending animated React components
- number-flow — animated number transitions (ideal for XP/points counters)
Directly Useful for Guild
- shadcn-timeline — timeline component (activity feed upgrade)
- billui — billing components: pricing cards, payment methods, invoice history
- commerce-ui — e-commerce components (potential rewards shop)
- kanban-board — drag-and-drop board (quest tracking)
- shadcn-stepper — multi-step forms (signup onboarding)
Dashboard & Layout
- shadcn-admin — clean admin dashboard with Vite
- shadcn-vaults — dashboard/monitoring/admin blocks for full-stack devs
- dnd-dashboard — drag-to-swap dashboard layouts
- tremor — charts and dashboard components
Theme & Customization
- tweakcn — theme editor with Tailwind CSS v4 support
- matsu-theme — Ghibli Studio inspired theme (cozy bookstore vibe)
- shadesigner — palette generator and theme designer