Awwwards-tier components you can use in your project.

A white-page features section with a masked headline reveal and a 3/2/2/3 bento grid of animated flowchart, profile, and network cards.

A pinned scroll sequence where staggered cards stack, then fly out one by one to reveal an editorial case-study deck.

An infinite draggable/throwable image grid with cursor spotlight, 3D arc tilt, and a typewriter-caption focus mode on click.

A two-panel FAQ accordion where opening a question cross-fades a de-blurring poster-style image on the right using pure CSS grid-row transitions.

A five-image horizontal accordion where hovering a card expands it with smooth flex transitions while others collapse to vertical wordmarks.

A clean, off-white developer copilot workspace with sidebar navigation, chat history, and a code-aware chat input box.

A header-mounted notch that drops down, expands into a hoverable emoji poll, then slides away after submission with mode and theme switching.

A scroll-triggered liquid blob simulated with a custom RAF physics engine and SVG gooey filter that bounces, morphs into a dark feedback modal, and rockets away on submit.

A canvas-based engine converts typed text into scanline dot arrays that cascade outward from a central axis with wave-eased timing and drifting hue color.

A fixed left-side nav of expanding line indicators that track scroll position and trigger custom eased smooth-scrolling to blog sections.

A pure CSS/JS button styled as a physically extruded mechanical keycap in an isometric socket, with a snappy spring-press animation and theme-switchable colors.

An expandable search bar that reveals a filterable genre grid via a grid-rows accordion trick, styled with clean editorial typography.

A perspective-driven CSS 3D shelf of books that morphs spines into covers as you scroll, opening into a two-phase rise-and-swing reading spread.

A macOS-style notch that morphs width and accent color to visualize live agent states like reading, writing, and running commands.

A four-card benefits row where hovering expands a card via flex-grow and cross-fades from a mosaic closed state to a detailed opened pane.

A sticky-cascade services deck with file-folder tab cards paired with a blur-reveal about section and scroll-drawn timeline.

A 4-step product-creation modal with drafts, drag-drop image upload, toggle settings, and an animated success screen.

A fixed blue footer with hand-drawn CSS stickers and a giant springy letter-pop wordmark is revealed as the main content peels upward on scroll.

An infinitely wrapping draggable 5×5 grid of image cards rendered in Three.js with a custom shader that bulges edges and splits RGB channels.

A pixel-perfect, physical-feeling audio-visual player device with debossed branding, dot-matrix grille, hardware buttons, and cursor-driven 3D tilt.

A scroll-pinned hero where paragraphs zoom in, hold, then dissolve glyph-by-glyph into fire with chromatic split and grain overlay.

A three-stage cinematic intro—hand-drawn mark, draggable 3D iPod, and 3D camera handoff—dissolving into an infinite draggable grid of looping film tiles.

A filterable daily timeline card with completed/active/faded states, a dashed connector line, a voice-note waveform player, and a fully functional calendar modal.

A hover-triggered profile dropdown with a gradient-ring avatar, staggered menu item slide-ins, a PRO badge, and a springy dark-mode toggle.

A 30-cell segmented bar card with a bouncy stagger entrance, live counter, and mouse-driven 3D tilt that rewards every interaction.

A three-column invoice studio where paper feeds from a thermal printer chassis, scissors cut the receipt, and a jsPDF copy lands in a receipt tray.

A five-card bento grid with seven layered animation systems and a live toggle that morphs all content between four product verticals without changing layout.

A pinned diagonal scroll through three vintage postage stamps, with a self-inking dotted trail and handwritten labels appearing like field notes.

Two tilted envelopes with opening doors, physics-arc stamp card flight, swap mechanics, and per-envelope color and texture controls.

A looping 3D ribbon of poster cards threads through giant background typography, flowing on scroll or drag with a toggle to double-roller mode.

A scroll-choreographed 3D tube built from user images — kinetic hero, blur-stagger interludes, and a wormhole plunge with FOV warp and barrel roll.

A horizontal testimonial card row where each card reveals an organic, breathing gradient blob on hover, with live color-theme and light/dark toggles.

A two-tab retainer pricing block with a budget slider, chip selectors, and a drift-rotate modal entrance that feels alive without being fidgety.

A fixed brushed-steel hero with a scrollable grey card that reveals word-by-word, anchored by character-blur H1 animation and a 4-column stat strip.

Seven portrait cards stacked with alternating tilts cycle forward via a downward drop-and-tumble, looping seamlessly with a teleport-reset trick.

A top-center capsule navbar that expands into a menu panel with theme switching, a live clock, and a background demo toggle.

A single-poster editorial gallery where clicking triggers a diagonal cloth-physics paper fold rendered via custom shader, revealing the next chapter.

A fullscreen interactive section where cursor movement spawns cycling images that elastically pop in, bounce, tilt, and fall off-screen with physics-based timelines.

A per-letter hero text effect where letters hang and droop under simulated gravity, intensified by mouse proximity with spring physics.