This repository contains a collection of ready-to-use HTML, CSS, and JavaScript code snippets and widgets that can be easily embedded into any website — including platforms like Google Sites, personal websites, static web pages, or CMS-based sites.
These widgets are lightweight, self-contained, and require no external libraries or hosting. Perfect for enhancing websites with interactivity and style, even when platform limitations exist.
This project aims to:
- Provide a library of reusable, customizable web widgets
- Allow non-developers to embed dynamic features using copy-paste
- Work seamlessly in restricted platforms like Google Sites, Blogger, etc.
- Enable web developers to prototype or drop-in interactive components
- ✅ Pure HTML, CSS, and Vanilla JavaScript — no dependencies
- 🚫 No external hosting or CDN links required
- 📦 Easy to copy and embed
- 🎨 Fully customizable styling and behavior
- 🧩 Modular: Use what you need, ignore the rest
- 🧱 Compatible with modern browsers and platforms
These widgets can be embedded into:
- Google Sites (via embed code)
- GitHub Pages
- WordPress (HTML blocks)
- Blogger
- Custom websites
- Learning platforms, documentation pages, and more
- Open the widget file (e.g.,
clock-widget.html). - Copy the full HTML code (including
<style>and<script>blocks). - Paste it directly into your website’s HTML editor or embedding field.
- Customize styles or text as needed.
⚠️ Make sure your platform allows embedded HTML/CSS/JS. Some platforms may restrict external scripts.
All widgets are written with simplicity in mind. You can:
- Edit inline CSS to change colors, layout, or fonts
- Modify JS logic to tweak behaviors
- Combine multiple widgets into a single block if needed
If you're comfortable with frontend coding, feel free to build on top of these widgets.
- 📅 Digital clock
- 🎉 Welcome banner or popup
- 🔁 Auto-scrolling text
- 📢 Announcement bar
- 🖱 Hover effects
- ...and more
This project is licensed under the MIT License. Free for personal and commercial use.
Pull requests and new widgets are welcome! If you’ve built a clean, embeddable component using HTML/CSS/JS, feel free to contribute.
Enjoy building better web experiences with simple, reusable components! 🌐🚀