EyeCandy

Quick summary of EyeCandy

EyeCandy is a curated catalog of CSS effects + visual design techniques used in modern web design — searchable library of techniques like parallax scroll + masonry layout + sticky navigation + reveal animation + cursor effects + particle backgrounds + and dozens more with examples + descriptions. Solves design vocabulary problem of 'what's that effect called?' that designers + developers face when seeing techniques on websites + wanting to implement similar. Distinguished from CodePen (massive code example library but not catalogued by effect type) by catalog-by-name approach for technique discovery, distinguished from CSS-Tricks + Smashing Magazine articles (written technique tutorials in article form) by searchable catalog format, distinguished from broader design inspiration galleries (Mobbin + Land-book) by technique-specific focus vs design example focus. For designers + developers + design educators + frontend developers needing technique vocabulary + reference, EyeCandy is competitive niche curated free resource 2026. Core features: visual technique library searchable by name + category, each technique includes name + description + visual examples + sometimes code references, organized by type (animations + layouts + interactions + scroll effects + cursor effects + transitions + microinteractions + page transitions + and more), reference resource for identifying + implementing specific visual techniques, free browsing + no signup typically, mobile-friendly responsive design, indie maker resource maintained for design community. Best for designers + developers identifying + implementing specific visual techniques they've seen on websites + wanting to apply to their own projects, designers learning design vocabulary (knowing what techniques are called helps communicate with developers + collaborators + write clear design specs), developers building modern web experiences needing technique reference + inspiration before implementing, design educators teaching design + interaction patterns + technique vocabulary through structured catalog, frontend developers studying CSS + JavaScript effects + building reference library of techniques to consider for projects, creative coding learners building technique awareness + inspiration. Skip for code-level implementation where CodePen + GitHub provide actual code examples to copy + adapt vs cataloged descriptions, specific component patterns where Component Gallery covers UI components beyond effects, broader design inspiration where Mobbin + Land-book + general galleries cover design examples beyond technique-specific catalog, animation-specific libraries where Lottiefiles + animation-specific resources provide deeper animation focus, projects where simple design suffices without technique exploration. Pricing: completely free typically for browsing all techniques + no signup + personal use + free indie maker tool + searchable library; verify current monetization on site. Direct competitors: CodePen (massive code example library, free + Pro $8-26/mo), CSS-Tricks (technique articles + tutorials, free), Smashing Magazine (technique articles + tutorials, free + premium), Web Awesome (technique showcases), Codrops (technique tutorials + experiments), various design technique blogs + Twitter threads. EyeCandy wins on catalog-by-name approach + free + clean UX + technique-vocabulary focus; CodePen wins on code example library + scale; CSS-Tricks + Smashing wins on tutorial depth + written guides; broader resources win on coverage variety. For technique-naming + vocabulary catalog in 2026, EyeCandy is competitive niche free curated resource.