5 Commits

Author	SHA1	Message	Date
Michael Czechowski	d35a4a3e22	feat: add interactive UI component templates ... Add 10 new templates showcasing native HTML features: - Accordion FAQ: using <details> and <summary> - Form Validation: HTML5 validation attributes - Toggle Switch: styled checkbox as iOS toggle - CSS Tabs: pure CSS tabs with radio buttons - Modal Dialog: native <dialog> element - Tooltip: CSS-only hover tooltips - Progress Steps: checkout wizard indicator - Dropdown Menu: CSS :hover/:focus-within - Star Rating: interactive CSS-only stars - Search Box: styled search with suggestions 🤖 Generated with [Claude Code](https://claude.com/claude-code)	2026-01-16 04:52:33 +01:00
Michael Czechowski	68368560cb	feat: add real Unsplash images to playground templates ... Replace CSS gradient placeholders with actual photos: - Card Component: mountain landscape - Profile Card: woman portrait - Social Post: avatar + nature photo - Story Highlights: 5 different portrait photos - Comment Section: 2 avatar photos - Bio Section: woman portrait with gradient ring - Status Update: man portrait 🤖 Generated with [Claude Code](https://claude.com/claude-code)	2026-01-16 04:50:29 +01:00
Michael Czechowski	395fc95c4b	feat: add social media playground templates and use EUR currency ... - Add 10 new social media templates: Social Post, Story Highlights, Like Button, Comment Section, Notification Badge, Emoji Reactions, Bio Section, Status Update, Chat Bubble - Change pricing from $ to € (€9, €29, €99) - Fix Story Highlights with shorter names for better rendering - Fix Bio Section avatar overflow issue 🤖 Generated with [Claude Code](https://claude.com/claude-code)	2026-01-16 04:48:03 +01:00
Michael Czechowski	b9a4ff2118	fix: improve playground templates layout and typography ... - Add font-family: system-ui, sans-serif to all template bodies - Wrap pricing cards in .pricing flex container - Wrap animation boxes in .animation-demo flex container - Wrap flexbox layout in .layout container - Simplify navigation (fewer links to fit preview) - Reduce sizes to better fit preview area 🤖 Generated with [Claude Code](https://claude.com/claude-code)	2026-01-15 12:21:43 +01:00
Michael Czechowski	1ec3576fe6	feat: add random template button to playground ... - Create 10 boilerplate templates (cards, nav, forms, animations, etc.) - Add dice button (🎲) visible only in playground mode - Load random template and apply to preview on click - Templates include: Card, Navigation, Profile, Buttons, Pricing, Form, Features Grid, Badges, CSS Animation, Flexbox Layout 🤖 Generated with [Claude Code](https://claude.com/claude-code)	2026-01-15 12:10:17 +01:00