README
Kluser
A Frontend Development Accelerator.
design needs to be quick and succinct
-- Frederico G K Oliveira
π§° Features
- Convert HTML/CSS to (React, React Native)
- Organize style
- Generate Jest
- Generate Storybook
- Realtime conversion mode
- Matrix loading animations :P
π Advantage
With short and simple html/css code creates a professional structure.
write this:
<body>
<div id="Home">
<div id="Header">
<h1 id="Title">Home Page</h1>
</div>
</div>
</body>
receive this:
source
βββ components
β βββ Header
β β βββ Header.jsx
β β βββ Header.stories.jsx
β β βββ Header.styled.js
β β βββ Header.test.jsx
β β βββ index.js
β βββ Title
β βββ Title.jsx
β βββ Title.stories.jsx
β βββ Title.styled.js
β βββ Title.test.jsx
β βββ index.js
βββ pages
βββ Home
βββ Home.jsx
βββ Home.stories.jsx
βββ Home.styled.js
βββ Home.test.jsx
βββ index.js
π§ Installation
$ npm install -g kluser
π οΈ Usage
$ kluser
π¨βπ« Documentation
Create new project
With the project created the same command will render the project or activate live preview mode
π Roadmap
π€ Today | π€ Future | |
---|---|---|
Generate React.js | βοΈ | |
Live Preview | βοΈ | |
Config file | βοΈ | |
Generate React Native | βοΈ | |
Props support | βοΈ | |
Support Atomic Design | β | |
State support | β | |
Generate Flutter | β | |
Drag n Drop Tool | β |
π Feedback
If you have any feedback, please reach out to us at kluserhuu@gmail.com