Skip to content

feat: rewrite UI with shadcn/ui #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
jianan1104 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

feat: rewrite UI with shadcn/ui #19

jianan1104 wants to merge 3 commits into from

Conversation

@jianan1104
Copy link
Owner

@jianan1104 jianan1104 commented Feb 6, 2026

Summary

  • Replaced Flowbite with shadcn/ui component system (Card, Button, Input, Label, Select, Checkbox, Separator, Badge)
  • Implemented dark-first aesthetic using CSS variable theming (zinc palette) with light/dark mode toggle preserved
  • Redesigned layout with card-based sections (Operating System, Provider, Resources, Network & Identity) and a sticky two-column preview panel
  • Added lucide-react icons throughout (Play, Download, ExternalLink, Github, Sun/Moon)
  • Switched code editor theme from Monokai to One Dark for better visual cohesion
  • Added Inter font via Google Fonts for typography consistency
  • Removed flowbite/flowbite-react dependencies, replaced with tailwindcss-animate, class-variance-authority, clsx, tailwind-merge, lucide-react

Test plan

  • Verify dark mode toggle works and persists across page reloads
  • Verify all OS box selections work correctly
  • Verify provider group/dropdown filtering and radio card selection
  • Verify CPU and memory selections update config
  • Verify text inputs (disk size, machine name, hostname, IP, count) work
  • Verify "Start iteration from 0" checkbox works
  • Verify "Generate Vagrantfile" button produces correct preview
  • Verify code editor is editable and Download button saves correct file
  • Verify mobile responsiveness at various breakpoints
  • Verify production build succeeds (npm run build)

🤖 Generated with Claude Code

@claude
feat: rewrite UI with shadcn/ui component system
99cecdb 
Replace Flowbite with shadcn/ui for a modern, dark-first design system.
Introduces Card-based layout, CSS variable theming, lucide-react icons,
and a two-column config + preview layout with sticky editor panel.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@vercel
Copy link

vercel bot commented Feb 6, 2026 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
vagrantfile-generator Ready Ready Preview, Comment Feb 6, 2026 7:24pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@jianan1104