https://github.com/iloveitaly/shadcn-react-playground

Shadcn playground on StackBlitz. Works well when paired with Bolt.new
https://github.com/iloveitaly/shadcn-react-playground

agent bolt llm react react-router shadcn shadcn-ui stackblitz tailwindcss

Last synced: 5 days ago
JSON representation

Shadcn playground on StackBlitz. Works well when paired with Bolt.new

• Host: GitHub
• URL: https://github.com/iloveitaly/shadcn-react-playground
• Owner: iloveitaly
• Created: 2024-11-13T16:53:47.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-01-24T23:12:17.000Z (10 days ago)
• Last Synced: 2025-01-25T00:19:59.556Z (10 days ago)
• Topics: agent, bolt, llm, react, react-router, shadcn, shadcn-ui, stackblitz, tailwindcss
• Language: TypeScript
• Homepage: https://github.com/iloveitaly/shadcn-react-playground
• Size: 319 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shadcn Playground with React + TypeScript + Vite

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/iloveitaly/shadcn-react-playground)

Great for using [Bolt.new](https://bolt.new) to iterate on UI designs.

All shadcn components are bundled into the repo. This is a plain old react app with no backend.

## Bolt.new Tips

* https://x.com/stackblitz/status/1860013597281370565

* Lock all shadcn components in Bolt UI

* Customize [.bolt/prompt] to your liking

* Bolt can't sync with Git. The best flow is:

  1. Import this repo into stackblitz

  2. Open in bolt

  3. Iterate

  4. Download as zip

  5. Import into repo and go from there. Once you do this, it's hard to use bolt.