Iβm excited to share my new open-source CLI tool: polyfront-scaffold!
After weeks of building and testing, this tool helps you scaffold modern React (Vite/Webpack) and Angular applications in minutes, with ready-to-use presets for UI, state management, testing, and more.
π― What It Does
polyfront-scaffold
generates production-ready frontend projects with opinionated but flexible defaults. Instead of wiring boilerplate, teams can focus on building features.
Key Highlights
- Frameworks supported: React (Vite/Webpack) & Angular
- UI stacks: MUI, Bootstrap, Tailwind, Ant Design, Chakra, Angular Material
- State management (React): Redux, MobX, React Query, or none
- Built-in utilities: HTTP clients, i18n placeholders, date libraries (moment/dayjs/date-fns), and testing setup (Jest, Vitest, Cypress, Playwright)
-
Folder structure: Clean, scalable, with
.env
presets - Cross-platform: Works on Windows, macOS, Linux
- Node support: Fully tested on Node 20 & 22
πΌοΈ Screenshots & Demo
MUI
Bootstrap
Tailwind
Ant Design
β‘ Quick Start
Install globally
npm install -g polyfront-scaffold
Interactive wizard
polyfront-scaffold --interactive
Scaffold a React + Vite + MUI project
polyfront-scaffold my-app --framework react-vite --ts --ui mui --store none --test-unit vitest --test-e2e none
π₯ Who Is This For?
*Solo developers & freelancers β Skip repetitive boilerplate, build faster.
*Startup teams β Enforce consistent structure across multiple apps.
*Enterprise developers β Standardize scaffolding for large teams & speed onboarding.
*Educators & trainers β Spin up demo projects for workshops or bootcamps.
β±οΈ Why Use It?
Without polyfront-scaffold β: ~30+ minutes setup
npx create-react-app ...
npm install mui redux react-router ...
mkdir src/components ...
touch src/pages/Home.tsx ...
With polyfront-scaffold π: <1 minute π
polyfront-scaffold my-app --framework react-vite --ts --ui mui --store none --test-unit vitest --test-e2e none
π‘ Community Contributions
- Experimental presets (AntD) welcome for testing.
- Open issues, submit PRs, or give feedback via GitHub.
π¦ Try It Today
π npm : polyfront-scaffold
π GitHub Repo
β Star the repo if you find it useful!
Try polyfront-scaffold today and give your productivity a boost β‘
#react #angular #frontend #opensource #cli #mui #bootstrap
Top comments (0)