Animated MacBook
A closed MacBook that hinges open and powers on when you hover, in ten finishes.
Illustrations
Hand-built vector scenes and animated SVG art: nightscapes, auroras, ambient gradients, and decorative spots. Pure code, infinitely scalable, dark-mode native.
5 components
Which illustration should I use?
Device mockups
Pure CSS rather than images, so a screenshot stays sharp at any size.
- Animated MacBook
- A desktop screenshot needs a frame around it. The lid hinges open and the screen powers on when hovered, across ten finishes.
- iPhone Mockup
- A mobile screenshot needs a frame around it. Extruded body with a machined side rail, side buttons, and a lock screen already in place.
Cycling through features
- Glass Capsule Stack
- A short feature list should cycle on its own. Chips stack in a frosted glass tube and the oldest drops into a featured card.
Icon art for a card
- Globe Card
- You want one small square visual, not a device frame. A canvas globe turns inside a squircle sized to drop into a grid cell.
- Glass Envelope
- You want a small square visual of mail. A frosted glass envelope holds photo cards that fan on hover and open on click.
More categories
Browse other categories
Agentic AI Interfaces
8 componentsAgentic AI interface components for React: prompt inputs, model pickers, voice orbs, image generation and streaming skeleton states, built for real AI products.
Explore categoryCinematic Interactions
20 componentsBig-feeling motion: parallax, scrub-scroll sequences, sticky storytelling, page transitions. The components that make a marketing site feel alive.
Explore categoryHeavy SaaS Blocks
5 componentsCommand palettes, kanban boards, data tables, pricing toggles, RBAC controls - the dense product surfaces real apps need on day one.
Explore category