🎨 HTML/CSS Demo Collection

💬

Dialog Demo

Modern modal dialog with animations and backdrop blur

• Smooth animations
• Click outside to close
• Copy code feature

View Demo → 📋

Details/Summary

Expandable lists with smooth animations and modern design

• Smooth animations
• Custom arrows
• Hover effects

View Demo → 📝

Form Demo

Interactive form with validation and external submit button

• Form validation
• External button
• Result display

View Demo → ✅

Custom Checkbox

Customizable checkbox with dynamic colors and shapes

• Color picker
• Multiple shapes
• Live preview

View Demo → 🔤

Abbr Tag Demo

Abbreviation tag with custom tooltips and styling

• Custom tooltips
• Underline styles
• Color control

View Demo → 🌓

Theme Toggle

CSS-only theme switching with light-dark() function

• Pure CSS solution
• Smooth transitions
• System preference

View Demo → 🔊

Text to Speech

Convert text to speech with multiple languages and download

• Multiple languages
• Download audio
• Upload files

View Demo → 🗂️ ✅

Smart Task Tracker

Organize your daily tasks with style and simplicity

• Add & delete tasks easily
• Animated transitions
• Instant feedback

View Demo → 🌀

Dynamic Animation Controller

Create, customize, and control interactive 2D animations in real-time.

• 11 unique animation styles
• Shape, color & movement controls
• Live preview & code generator

Open Demo →