Files
simbarag/raggr-frontend
ryan d1cb55ff1a Frontend revamp: Animal Crossing × Claude design with shadcn components
- New palette: deep nook green sidebar, sage user bubbles, warm cream answer cards
- shadcn-style UI primitives: Button (CVA variants), Textarea, Input, Badge, Table
- cn() utility (clsx + tailwind-merge)
- lucide-react icons throughout (no more text-only buttons)
- Simba mode: custom CSS toggle switch
- Send button: circular amber button with arrow icon
- AnswerBubble: amber gradient accent bar, loading dots animation
- QuestionBubble: sage green pill with rounded-3xl
- ToolBubble: centered leaf-green badge pill
- ConversationList: active item highlighting, proper selectedId prop
- Sidebar: collapsible with PanelLeftClose/Open icons, icon-only collapsed state
- LoginScreen: decorative background blobs, refined rounded card
- AdminPanel: proper icon buttons, leaf-green save confirmation
- Fonts: Playfair Display (brand) + Nunito 800 weight added

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-11 09:22:34 -04:00
..
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00
2026-01-31 17:13:27 -05:00

Rsbuild project

Setup

Install the dependencies:

pnpm install

Get started

Start the dev server, and the app will be available at http://localhost:3000.

pnpm dev

Build the app for production:

pnpm build

Preview the production build locally:

pnpm preview

Learn more

To learn more about Rsbuild, check out the following resources: