Loading...
Loading...
Found 63 Skills
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
Clickable functional web prototype with navigation, hero section, features section, and CTA
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Use when animation runs slow, janky, or causes frame drops
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
Build professional HTML presentations with 36 themes, 31 layouts, 47 animations — pure static HTML/CSS/JS, no build step required.
Use the DuskMoon CSS Art Elements (`<el-dm-art-*>` web components). Use when adding pure CSS art animations to web pages — atom, moon, sun, plasma-ball, gemini-input, synthwave-starfield, and more. Covers all 15 CSS art packages, registration patterns, size variants, and the @layer stripping technique required for Shadow DOM compatibility.
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions