idchlife/breakster
Tool that breaks your html into "reacty" (React, Preact) components, saving their code into files. Imports of children components, JSX with children components, etc - you're all set.
This tool helps front-end developers transform existing HTML markups into reusable UI components for React or Preact applications. It takes an HTML file annotated with special attributes and outputs separate code files for each identified component, complete with necessary imports and JSX structures. This is ideal for developers refactoring legacy HTML or designing new UIs with a component-based approach.
No commits in the last 6 months. Available on npm.
Use this if you need to quickly break down a large HTML structure into manageable, reusable React or Preact components.
Not ideal if you are not working with React or Preact, or if your HTML is not structured with clear component boundaries in mind.
Stars
11
Forks
1
Language
TypeScript
License
—
Category
Last pushed
May 17, 2017
Monthly downloads
23
Commits (30d)
0
Dependencies
7
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/ai-coding/idchlife/breakster"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
retejs/rete-studio
A general-purpose code generation tool powered by Rete.js
chrishoermann/zod-prisma-types
Generator creates zod types for your prisma models with advanced validation
microsoft/ts-gyb
Generating native code interfaces from TypeScript
evoluteur/evolutility-ui-jquery
Model-driven Web UI for CRUD using REST or localStorage.
unjs/knitwork
🧶 Utilities to generate safe JavaScript code.