This project provides a collection of single-file templates using various JavaScript frameworks and CSS libraries. These templates are designed to help developers quickly kick-start web projects with a solid foundation. Each template is contained in a single HTML file, making it easy to get started without complex setup processes. Let's dive in! 💻✨
| Template | JS Framework | CSS Framework | Created Date | Link |
|---|---|---|---|---|
| 📸 nojs-bootstrap-album: A responsive image gallery/album for showcasing digital assets | None | Bootstrap 5 | 2024-09-26 | 🔗 |
| 🏢 nojs-bulma-landing: A modern landing page for tech companies | None | Bulma CSS | 2024-09-26 | 🔗 |
| 📝 nojs-foundation-blog: A feature-rich blog template with categories and recent posts | None | Foundation CSS | 2024-09-26 | 🔗 |
| 📊 nojs-tailwind-dashboard: A responsive analytics dashboard with charts and activity feed | None | Tailwind CSS | 2024-09-26 | 🔗 |
| ✅ react-tailwind-todo: An interactive todo app with local storage and filtering | React | Tailwind CSS | 2024-09-26 | 🔗 |
| 📅 vue-tailwind-calendar: A dynamic calendar application for event management | Vue.js | Tailwind CSS | 2024-09-26 | 🔗 |
| 🌤️ alpine-pico-weather: A responsive weather card display with dark mode toggle | Alpine.js | PicoCSS | 2024-09-27 | 🔗 |
- 📄 Single File Structure: Each template is contained in a single HTML file for easy setup and deployment.
- 📱 Responsive Design: All templates are designed to work seamlessly across various screen sizes and devices.
- 🛠️ Modern Frameworks: Utilizes popular CSS frameworks and JavaScript libraries for robust functionality.
- 🧩 Ready-to-Use Components: Includes pre-built components and layouts to jumpstart your development process.
- 🎨 Customizable: Easy to modify and extend to fit your specific project requirements.
- 🌐 Cross-Browser Compatibility: Tested to work consistently across major web browsers.
To use a template:
- 📥 Clone this repository or download the desired HTML file.
- 🖥️ Open the HTML file in a web browser to see it in action.
- ✏️ Customize the content, styling, and functionality to fit your project needs.
- 🚀 Deploy the single file to your web server or hosting platform.
These templates serve as a starting point. Feel free to:
- 🔧 Modify the existing components and layouts
- ➕ Add new features and interactivity
- 🔌 Integrate with backend services or APIs
- 🎭 Extend the styling to match your brand guidelines
These templates are designed to work on the latest versions of:
- 🌐 Chrome
- 🦊 Firefox
- 🧭 Safari
- 🌀 Edge
All templates are optimized for performance, including:
- 📦 Minified CSS and JavaScript (where applicable)
- 🚀 Efficient use of external resources
- 🖼️ Lazy loading of images (in supported templates)
This project is licensed under the MIT License - see the LICENSE file for details.
Charlie Tang Hoong
Contributions, issues, and feature requests are welcome! Here's how you can contribute:
- 🍴 Fork the Project
- 🌿 Create your Feature Branch (
git checkout -b feature/AmazingFeature) - 💾 Commit your Changes (
git commit -m 'Add some AmazingFeature') - 📤 Push to the Branch (
git push origin feature/AmazingFeature) - 🔀 Open a Pull Request
Please feel free to check the issues page for any open issues or feature requests.
This project wouldn't be possible without these amazing technologies:
- 🌬️ Tailwind CSS - A utility-first CSS framework
- 🏗️ Foundation - The most advanced responsive front-end framework
- ⚛️ React - A JavaScript library for building user interfaces
🅱️ Bootstrap - The world's most popular front-end open source toolkit- 🖖 Vue.js - The Progressive JavaScript Framework
- 💪 Bulma - The modern CSS framework that just works
Special thanks to all the developers and contributors of these frameworks and libraries. You rock! 🎸
If you have any feedback or suggestions, please reach out to us by opening an issue on GitHub. We'd love to hear from you! 📣
Happy coding! 🚀 Let's build something awesome together! 💪😎