Form Builder

Form Builder is a powerful, no-code form builder for the shadcn/ui component library. It helps developers visually create beautiful, accessible forms and export clean, production-ready React + Tailwind CSS code in seconds.

---

🚀 Features

• ✅ Drag & Drop Interface – Build forms without writing a line of code
• 🎨 Live Preview – See exactly what you're building in real time
• ⚙️ Production-Ready Code – Export clean, typed React + Tailwind CSS components
• 📦 Zero Setup – No installs or boilerplate required
• 🧩 shadcn/ui Integration – Built directly on top of the component system you love

---

🛠 Tech Stack

• React
• Next.js with Turbopack
• Tailwind CSS
• shadcn/ui
• TypeScript

🎯 Code Quality

This project maintains high code quality with:

• ✅ ESLint 9.36.0 with comprehensive plugin suite:
  • jsx-a11y - Accessibility checks
  • tailwindcss - Class sorting and validation
  • playwright - E2E test best practices
  • storybook - Story file rules
• ✅ @antfu/eslint-config 5.4.1 - Opinionated best practices
• ✅ Prettier - Automatic code formatting (synced with ESLint)
• ✅ Commitlint 20.1.0 - Conventional commit messages
• ✅ Lefthook 1.13.6 - Git hooks automation
• ✅ Knip 5.64.1 - Unused dependencies detection

Code Style: Single quotes, semicolons, 2-space indent, 1TBS braces

📖 Documentation:

• CODE_QUALITY.md - Complete quality guide
• ESLINT_CONFIG_EXPLAINED.md - ESLint configuration details
• SETUP_GUIDE.md - Quick setup instructions

Contributing

Contributions are welcome! Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Please make sure to:

• Follow the existing code style
• Keep commits clean and descriptive

---

📄 License

MIT License © 2025