Showcase
Real examples, community demos, and starter repos built with LoveUI.
Looking for inspiration? These demos highlight how teams are using LoveUI in production and experimentation. Clone a starter, remix an example, or submit your own project to be featured.
Live projects
Project | What it demonstrates | Link |
---|---|---|
LoveUI Docs | The site you are reading—Next.js + Fumadocs with extensive component previews. | loveui.dev |
LoveUI Sandbox Starter | A playground experience driven by the @repo/sandbox package for embedding live coding in docs. | apps/docs/examples/sandbox.tsx |
Collaborative Canvas Demo | Real-time cursors, presence, and shared drawing tools using @repo/cursor . | apps/docs/examples/collaborative-canvas.tsx |
Have something in production? Open a GitHub issue with the showcase
label, screenshots, and a short blurb.
Starter templates
Jump-start a new product surface with ready-to-run compositions. Each starter installs via the LoveUI CLI and includes Tailwind + shadcn/ui configuration.
Starter | Components | Install |
---|---|---|
Dashboard | sidebar-layout , navbar , kanban , gantt , table | npx love-ui add sidebar-layout navbar kanban gantt table |
Marketing page | stacked-layout , text , button , announcement , glimpse | npx love-ui add stacked-layout text button announcement glimpse |
Support desk | list , dialog-stack , status , relative-time , textarea | npx love-ui add list dialog-stack status relative-time textarea |
Interactive previews
Explore these snippets directly inside the docs:
Collaborative canvas
AI cursors and presence
Pill variants gallery
Gantt + Kanban workspace
Share your work
- Fork the LoveUI examples repo and add a new example.
- Include a README with setup instructions and screenshots or GIFs.
- Open a PR or submit a showcase issue so we can review and feature it here.
We update the showcase monthly—keep an eye out for fresh community work and inspiration.