Animated componentsfor every web project

MaisonLuxury fashion€49.99 RelayDeveloper tool€29.99 Maison LuneHair salon€49.99 Neon RiftGame launch€9.99

See all 34 templatesOne-time price · instant download

1. 01

   Pick a component

   Browse the gallery by tab, or search by name or by style.

2. 02

   Tune it

   Colors, speed, size, count. The preview updates live, the code follows.

3. 03

   Copy it

   HTML, CSS and JS, a single HTML file, a React or Vue component, or a prompt for your agent.

import { useEffect, useRef } from 'react';

export default function SoftAurora() {
  const host = useRef(null);
  useEffect(() => {
    const root = document.createElement('div');
    host.current.appendChild(root);
    // … the component's own code, with your colors and settings
    return () => root.remove();
  }, []);
  return <div ref={host} />;
}

Includes adaptations of open-source work from Magic UI · Motion Primitives · Inspira UI · Vanta.js · tsParticles · Paper Shaders — every origin is credited