A simple, fast web app to generate html based on a collection of commonly used user interface patterns.
🎏 Live Site: stitches.hyperyolo.com
Running it locally
stitches-template-generator and run:
npm install npm start
This will compile the JS, CSS and start a node server on port 3000.
localhost:3000. You should see stitches now!
You can also run it in Docker.
# Build the container make build # Run the node server make run
Make your own templates
Feel free to take this project and re-factor to your need! Not everyone wants these templates for their projects. Here are the steps:
- Run the project locally (see the section above)
- Head to
- Add your own HTML template (with tailwind.css classes) into the
- Add a filter button for it in the
index.html. (i.e. add
<button class="text-black font-semibold hover:text-green px-2 py-1 transition-normal" data-filter="st-<your template name>">Tabs</button>)
- Done! refresh to check out your own templates.