A comprehensive collection of mini-projects built to understand the core concepts and unique approaches of modern and minimalist JavaScript frameworks.
| Project | Framework | Repository | Live Demo |
|---|---|---|---|
| Color Palette Generator |  |
View Code | Live Demo |
| Real-Time Stopwatch Timer | |
View Code | Live Demo |
| Inline Edit Table |  |
View Code | Live Demo |
| Collapsible FAQ Accordion |  |
View Code | Live Demo |
| Dynamic Pricing Calculator | |
View Code | Live Demo |
| Form Validation with Live Feedback | |
View Code | Live Demo |
- Current Frameworks: VanJS, htmx, Alpine.js
- Pure HTML — Semantic markup without preprocessors
- Vanilla CSS — Clean styling without frameworks
- No Build Tools — Direct browser execution
Each project demonstrates:
- Interactive component examples
- Real-world use cases - Practical implementations
- Clean, minimal implementations - Easy-to-understand code
- Comparison table of all three frameworks
- Create projects using Solid.js
- Create projects using Stimulus
- Create projects using Preact
- Improve repository structure and documentation
- Website for this repo - View Live