# Foundry44

> Animated UI components with no dependencies, for React, plain JavaScript and AI assistants. A library of 128 components (3D objects, backgrounds, buttons, cards, cursors, dividers, footers, headers, images, navigation, tags & badges, text and transitions & loaders). Every component ships three ways from one source: a React component, a plain JavaScript file and a prompt for an AI assistant.

- No runtime dependencies: no animation library, no framework required. The plain JavaScript file needs no build step.
- React: a shadcn/ui registry item writes the component and its engine into the project in one command (`npx shadcn@latest add`).
- Plain JavaScript: one script sets itself up on every element marked with a `data-f44` attribute, and its settings are `data-*` attributes. The same script pastes into a site builder as an embed, untested per platform.
- AI assistants: each component has a prompt with its code, its markup, every setting and its pitfalls, to paste into any assistant.
- MCP server: `https://foundry44.dev/mcp` (streamable HTTP, no key). An assistant connected to it searches the library and gets a free component's install steps for the project's stack; a Pro one returns its page. [Setup](https://foundry44.dev/docs/#mcp) for Claude Code, Claude and Cursor.
- Every component follows `prefers-reduced-motion`, does nothing on the server (safe with server rendering) and looks right with zero settings.

- [Free components](https://foundry44.dev/library/free/): MIT licence, with their code on their page.
- npm: the free components are also packages, [`@foundry44/react`](https://www.npmjs.com/package/@foundry44/react) for React and [`@foundry44/core`](https://www.npmjs.com/package/@foundry44/core) for any framework or none.
- Pro components: the routes above, bought once: 39 € for every Pro component out on the day of purchase, or 79 € for every component, now and to come. Both bring the Pro MCP server too, in the weeks after launch, with the same key. A Pro page shows the effect and the names of its settings.

## Pages

- [Library](https://foundry44.dev/library/): every component, searchable and filtered by category.
- [Docs](https://foundry44.dev/docs/): how to add a component with an AI assistant, the MCP server, React, plain JavaScript or a site builder's embed.
- [Full text](https://foundry44.dev/llms-full.txt): this file followed by every component page as Markdown. Each page is also at its address with `.md` in place of the final slash.

## Components: 3D Objects

[All 3D objects](https://foundry44.dev/library/3d-objects/): Planets typed out in characters, a breathing orb, a globe that spins under your hand.

- [ASCII Planet](https://foundry44.dev/components/ascii-planet/): A hollow planet typed out in characters, spun by hand. Also called: ascii sphere, ascii orb, point cloud sphere, dot sphere. Pro.
- [ASCII Globe](https://foundry44.dev/components/ascii-globe/): A slow planet of drifting characters, whole or as a horizon. Also called: ascii earth, spherical ascii, ascii horizon. Pro.
- [Glow Orb](https://foundry44.dev/components/glow-orb/): A glowing orb of liquid colour that wakes as you come near. Also called: voice powered orb, ai orb, siri wave, voice orb. Pro.

## Components: Backgrounds

[All backgrounds](https://foundry44.dev/library/backgrounds/): Gradients that drift, fields of dots and lines that part around the pointer, mist that never repeats.

- [Dot Repel](https://foundry44.dev/components/dot-repel/): A field of dots that parts around the cursor. Also called: dot grid, interactive dots, particle grid. Pro.
- [Flowing Paths](https://foundry44.dev/components/flowing-paths/): Thin curves draw themselves, then light keeps running along them. Also called: background paths, animated lines, svg waves. Pro.
- [Mesh Gradient](https://foundry44.dev/components/mesh-gradient/): Soft pools of colour that drift and melt into each other. Also called: gradient background, aurora, grainy gradient, shader background. Pro.
- [Wave Lines](https://foundry44.dev/components/wave-lines/): Fine lines ripple like silk and fold where you sweep. Also called: wave background, noise lines, line field. Pro.
- [Color Grid](https://foundry44.dev/components/color-grid/): Cells light up in colour wherever you sweep, then fade. Also called: background boxes, hover boxes, skewed grid. Pro.
- [Glyph Field](https://foundry44.dev/components/glyph-field/): A field of ASCII signs that bends along your cursor. Also called: ascii hover, ascii field, character field. Pro.
- [Ethereal Shadow](https://foundry44.dev/components/ethereal-shadow/): A soft grainy shadow that billows behind your content like smoke. Also called: ethereal shadows, smoke background, shadow overlay. Pro.
- [Fluid Trail](https://foundry44.dev/components/fluid-trail/): Coloured mist that swirls behind the cursor and fades. Also called: liquid ether, fluid simulation, ghost ether, smoke cursor. Pro.
- [Electric Mist](https://foundry44.dev/components/electric-mist/): Threads of electric light crackle through a dark mist. Also called: electric background, plasma lines, energy mist. Pro.
- [ASCII Drift](https://foundry44.dev/components/ascii-drift/): Your background, typed out in drifting characters. Also called: ascii background, ascii art, text-mode background, hex background, matrix background. Pro.
- [Flicker Grid](https://foundry44.dev/components/flicker-grid/): A grid of small squares twinkling softly, with your word lit inside. Also called: flickering grid, twinkle grid, blinking squares. Pro.

## Components: Buttons

[All buttons](https://foundry44.dev/library/buttons/): Pixels that light up from where the pointer came in, a stack that presses down, a label that walks through its states.

- [Magnetic](https://foundry44.dev/components/magnetic/): A button that leans toward the cursor, then snaps home. Also called: magnetic button, cursor attraction, button motion. Pro.
- [Glass Button](https://foundry44.dev/components/glass-button/): A glass button that blurs and bends what lies behind it. Also called: liquid glass, glass surface, glassmorphism. Pro.
- [Dawn Button](https://foundry44.dev/components/dawn-button/): A night-blue button where dawn rises on hover. Also called: radial glow button, glow rise button. Pro.
- [Pixel Fill Button](https://foundry44.dev/components/pixel-fill-button/): A button that fills in square pixels from where the pointer enters. Also called: pixel button, pixel dissolve button, 8-bit fill button. Pro.
- [Flow Button](https://foundry44.dev/components/flow-button/): A dark disc floods the button from the pointer, arrows swapping sides. Also called: arrow swap button, disc fill button, circle fill button. Pro.
- [Stack Button](https://foundry44.dev/components/stack-button/): A button lifting off solid stacked plates that lean with the pointer. Also called: stacked shadow button, layered button, 3d press button, offset shadow button. Pro.
- [State Button](https://foundry44.dev/components/state-button/): A button whose label scrambles, flips or slides through Send, Sending, Sent. Also called: stateful button, label morph button, loading button, submit button states. Pro.
- [Lumen Button](https://foundry44.dev/components/lumen-button/): A dark glass button with a slow wave of light. Also called: generate button, ai button, glowing letters button. Pro.

## Components: Cards

[All cards](https://foundry44.dev/library/cards/): A card that tips toward the pointer, a glow that crosses a whole grid, a pile you flick away.

- [Tilt Card](https://foundry44.dev/components/tilt-card/): A card that leans toward your cursor and catches the light. Also called: depth tilt, 3d card, parallax card. Pro.
- [Spotlight Card](https://foundry44.dev/components/spotlight-card/): A soft light that follows your cursor across the cards. Also called: spotlight, glow card. Free, MIT.
- [Stack Cards](https://foundry44.dev/components/stack-cards/): Cards pile up as you scroll, each one settling on the last. Also called: card stack, sticky cards, stacking cards. Pro.
- [Path Hover](https://foundry44.dev/components/path-hover/): Fine lines fill the card and part around your cursor. Also called: hover paths, hover curves, fiber hover. Pro.
- [Swipe Cards](https://foundry44.dev/components/swipe-cards/): Flick the top card away and watch it tuck under the pile. Also called: flick cards, card swipe, tinder cards. Pro.
- [Lean Stack](https://foundry44.dev/components/lean-stack/): Cards that lean back as they rise, then pile up. Also called: almanac cards, leaning card stack, perspective sticky cards. Pro.
- [Task Rail](https://foundry44.dev/components/task-rail/): Watch an agent work through its steps, one tick at a time. Also called: agent steps, task progress, step list, job log. Pro.
- [Hover Fan](https://foundry44.dev/components/hover-fan/): A fan of cards where the hovered one lifts to the front. Also called: card fan hover, hover card stack, lifting cards. Pro.

## Components: Cursors

[All cursors](https://foundry44.dev/library/cursors/): A label that rides along beside the pointer, pixels that light up behind it and fade.

- [Cursor Label](https://foundry44.dev/components/cursor-label/): A small pill rides along with your cursor and names the click. Also called: cursor follower, custom cursor, hover label. Pro.
- [Pixel Trail](https://foundry44.dev/components/pixel-trail/): Square pixels light up behind the cursor and fade away. Also called: cursor trail, image trail. Pro.
- [Card Trail](https://foundry44.dev/components/card-trail/): A trail of tilted photo cards that follows the cursor. Also called: image trail stack, photo deck trail, cursor image stack. Pro.
- [Invert Cursor](https://foundry44.dev/components/invert-cursor/): A dot that inverts the page, swelling over links and buttons. Also called: blend cursor, difference cursor, inverted cursor. Pro.

## Components: Dividers

[All dividers](https://foundry44.dev/library/dividers/): A line between two sections that reaches for the cursor and wobbles back like a string.

- [Elastic Line](https://foundry44.dev/components/elastic-line/): A divider you can pluck like a guitar string. Also called: elastic divider, string line, wobbly line. Pro.

## Components: Footers

[All footers](https://foundry44.dev/library/footers/): The content lifts away like a sheet of paper and uncovers a footer fixed underneath.

- [Footer Reveal](https://foundry44.dev/components/footer-reveal/): The page lifts like a sheet to uncover the footer beneath. Also called: sticky footer reveal, curtain footer. Pro.
- [Wordmark Footer](https://foundry44.dev/components/wordmark-footer/): A giant wordmark that builds letter by letter as the footer arrives. Also called: scroll wordmark, rising wordmark footer, letter rise footer. Pro.
- [Ridgeline Footer](https://foundry44.dev/components/ridgeline-footer/): A footer over a dithered mountain range that develops as it arrives. Also called: dither footer, mountain footer, dithered landscape. Pro.
- [Swarm Footer](https://foundry44.dev/components/swarm-footer/): A swarm of tiny creatures buzzing over a soft, boiling wordmark. Also called: swarm, flock footer, boids footer, fleeing sprites. Pro.
- [Rebound Footer](https://foundry44.dev/components/rebound-footer/): Glowing bars rise at the page end, then the page springs back. Also called: overscroll footer, rubber band footer, elastic bars footer. Pro.
- [Gradient Rise](https://foundry44.dev/components/gradient-rise/): A soft rainbow gradient rises under the footer as you scroll. Also called: rising gradient footer, rainbow footer, dia gradient. Pro.

## Components: Headers

[All headers](https://foundry44.dev/library/headers/): A header that slides away as the page scrolls down and comes back the moment you scroll up.

- [Sticky Header](https://foundry44.dev/components/sticky-header/): A top bar that steps aside while you read. Also called: hide on scroll, smart navbar, headroom. Free, MIT.

## Components: Images

[All images](https://foundry44.dev/library/images/): Pictures that open like curtains or ripple under the cursor, carousels on a ring, a globe of thumbnails.

- [Clip Reveal](https://foundry44.dev/components/clip-reveal/): Images slide open like a curtain as you scroll. Also called: image reveal, mask reveal, curtain reveal. Free, MIT.
- [Image Parallax](https://foundry44.dev/components/image-parallax/): Pictures drift behind their frames, adding depth to every scroll. Also called: parallax, scroll parallax. Free, MIT.
- [Section Window](https://foundry44.dev/components/section-window/): A window holds still while the sections slide past it. Also called: fixed window sections, scroll window, pinned frame sections. Pro.
- [Compare Slider](https://foundry44.dev/components/compare-slider/): Drag a line across two pictures to see what changed. Also called: before after, image comparison. Pro.
- [Scroll Expand](https://foundry44.dev/components/scroll-expand/): A rounded card opens into a full-screen scene as you scroll. Also called: scroll media expansion, expanding hero. Pro.
- [Ring Carousel](https://foundry44.dev/components/ring-carousel/): Cards stand on a turning ring you spin with a flick. Also called: 3d carousel, cylinder carousel, radial slider. Pro.
- [Drag Canvas](https://foundry44.dev/components/drag-canvas/): An endless wall of tiles you drag in any direction. Also called: infinite grid, pan canvas, image wall. Pro.
- [Liquid Hover](https://foundry44.dev/components/liquid-hover/): A picture that ripples like water wherever you move. Also called: image distortion, ripple image. Pro.
- [Container Scroll](https://foundry44.dev/components/container-scroll/): A product screen leans back, then rises to face you. Also called: container scroll animation, 3d scroll card, tablet scroll. Pro.
- [Expanding Panels](https://foundry44.dev/components/expanding-panels/): Tall panels that open wide as you point at them. Also called: panel accordion, image accordion, squeeze carousel, expanding cards. Pro.
- [Horizontal Scroll](https://foundry44.dev/components/horizontal-scroll/): Scroll down and a row of cards slides sideways. Also called: pinned gallery, scroll gallery, sideways scroll. Pro.
- [Elastic Grid](https://foundry44.dev/components/elastic-grid/): A picture grid where the hovered tile swells and the rest yield. Also called: focus grid, bento hover, flex grid hover. Pro.
- [Velocity Distort](https://foundry44.dev/components/velocity-distort/): Pictures sag and split into colour as the page flies by. Also called: scroll distortion, scroll velocity warp, rgb shift scroll. Pro.
- [Shelf Flow](https://foundry44.dev/components/shelf-flow/): A row of covers that fans open as you flick it. Also called: coverflow, cover flow, 3d slider. Pro.
- [Globe Gallery](https://foundry44.dev/components/globe-gallery/): A globe of images that unfolds flat when you pick one. Also called: sphere gallery, 3d sphere, image globe. Pro.
- [Layout Morph](https://foundry44.dev/components/layout-morph/): The same images regroup as a grid, pile, ring or row. Also called: layout switcher, shape shifting gallery, gallery morph. Pro.
- [Echo Tilt](https://foundry44.dev/components/echo-tilt/): A photo that turns to the cursor, its copies trailing behind. Also called: echo image tilt, trailing copies tilt, stacked prints hover. Pro.
- [Scan Reveal](https://foundry44.dev/components/scan-reveal/): A line drawing turns into the photo under a scanning line. Also called: scanline reveal, line art to photo, blueprint reveal, architecture reveal, technical drawing. Pro.
- [Callout Lines](https://foundry44.dev/components/callout-lines/): Dashed lines draw from points on an image to their labels. Also called: annotations, hotspots, image callouts, annotated image, floor plan annotations, site survey notes. Pro.
- [Bloom Strip](https://foundry44.dev/components/bloom-strip/): An endless strip where the picture at the centre blooms. Also called: zoom strip, scatter gallery, center zoom gallery. Pro.
- [Curl Gallery](https://foundry44.dev/components/curl-gallery/): Photos roll away like sheets of paper as you scroll. Also called: paper curl gallery, rolling sheet gallery, cylinder scroll gallery. Pro.
- [Arc Gallery](https://foundry44.dev/components/arc-gallery/): A ring of photos sinks into an arc you turn by scrolling. Also called: half circle gallery, scroll wheel gallery, arc carousel. Pro.
- [Iso Stack](https://foundry44.dev/components/iso-stack/): A slanted row of photos; click one and it grows large. Also called: isometric gallery, diagonal card stack, slanted photo row. Pro.
- [Tab Stack](https://foundry44.dev/components/tab-stack/): Project titles stack like tabs while each image folds away. Also called: sticky tab list, project accordion scroll, stacking headers. Pro.
- [Depth Gallery](https://foundry44.dev/components/depth-gallery/): Travel through a field of photos floating in depth. Also called: 3d depth gallery, fly-through gallery, z-space gallery. Pro.
- [Role Ribbon](https://foundry44.dev/components/role-ribbon/): A curved ribbon of words loops across a changing portrait. Also called: curved text marquee, text ribbon hero, role switcher hero. Pro.
- [Spin Slit](https://foundry44.dev/components/spin-slit/): A photo narrows to a bar, spins, and opens into new photos. Also called: rotating bar reveal, spinning slit transition, line to image scroll. Pro.
- [Arch Split](https://foundry44.dev/components/arch-split/): A photo splits into pill windows that slide into the next photo. Also called: arch slices, split image gallery, window slices. Pro.
- [Tilt Clusters](https://foundry44.dev/components/tilt-clusters/): Rings of photo cards that swing round as you scroll. Also called: on scroll 3d carousel, scroll card cluster, tilted photo clusters. Pro.
- [Helix Stream](https://foundry44.dev/components/helix-stream/): An endless column of photos twisted into a helix. Also called: spiral card stream, helix gallery, twisted card column. Pro.
- [Torn Reveal](https://foundry44.dev/components/torn-reveal/): Pictures that tear open between the two words of a title. Also called: on scroll filter effect, ragged image reveal, split title reveal. Pro.
- [Bulge Expand](https://foundry44.dev/components/bulge-expand/): A picture inside a headline bulges out to full screen on click. Also called: pillow expand, bulging media expand, inline video to fullscreen. Pro.
- [Ripple Swap](https://foundry44.dev/components/ripple-swap/): Each picture gives way to the next through a rippling ring. Also called: ring wave image swap, water ripple gallery, refraction slideshow. Pro.
- [Diagonal Reel](https://foundry44.dev/components/diagonal-reel/): Team portraits slide down a diagonal staircase as you scroll. Also called: diagonal team scroll, staircase gallery, team reel. Pro.
- [Step Grid](https://foundry44.dev/components/step-grid/): One photo steps back into a grid of sliding rows. Also called: scale-in grid, stepping card grid, grid loop showcase. Pro.
- [Fisheye Grid](https://foundry44.dev/components/fisheye-grid/): A wall of photos breathing behind a fisheye lens. Also called: barrel lens grid, fisheye gallery, lens distortion grid. Pro.

## Components: Navigation

[All navigation](https://foundry44.dev/library/navigation/): A menu that drops like a curtain, a dock that grows under the mouse, a project list that previews each line.

- [Hover List](https://foundry44.dev/components/hover-list/): Point at a row and its picture floats along with you. Also called: hover image, image follow, link preview. Pro.
- [Dock](https://foundry44.dev/components/dock/): Icons that swell as the mouse glides along the row. Also called: dock menu, magnify bar, mac dock, glass dock, dock tooltip. Pro.
- [Curtain Menu](https://foundry44.dev/components/curtain-menu/): A full-screen menu that unrolls over the page, links rising in turn. Also called: fullscreen menu, overlay menu, push menu. Pro.
- [Orbit Timeline](https://foundry44.dev/components/orbit-timeline/): Milestones circle a centre; pick one and the orbit holds still. Also called: radial orbital timeline, orbital timeline, orbit menu. Pro.
- [Mega Menu](https://foundry44.dev/components/mega-menu/): One dropdown that glides and reshapes from item to item. Also called: morphing dropdown, morphing menu. Pro.
- [Ascent Timeline](https://foundry44.dev/components/ascent-timeline/): A pinned timeline where months pass and a counter climbs. Also called: roadmap scroll, growth timeline, milestone timeline. Pro.
- [Rise Menu](https://foundry44.dev/components/rise-menu/): A glass bar that rises into a full menu. Also called: expanding bottom nav, pill to panel menu. Pro.
- [Glow Nav](https://foundry44.dev/components/glow-nav/): A soft light follows the cursor along your links. Also called: spotlight navbar, glow navbar. Pro.
- [Stretch Tabs](https://foundry44.dev/components/stretch-tabs/): Tabs whose indicator stretches as it travels, then snaps tight. Also called: segmented control, elastic tabs, stretchy tab indicator. Pro.
- [Roster Title](https://foundry44.dev/components/roster-title/): Hover a portrait and the giant title rolls into their name. Also called: hover name reveal, directors list, portrait title swap. Pro.
- [Marquee Rows](https://foundry44.dev/components/marquee-rows/): Hover a row and a scrolling band of names slides over it. Also called: marquee menu, hover marquee list, ticker rows. Pro.
- [Glitch Index](https://foundry44.dev/components/glitch-index/): A red bar that jumps down a list of giant names. Also called: scanline index list, glitch list scroll, scroll highlight list. Pro.
- [Hatch Menu](https://foundry44.dev/components/hatch-menu/): A menu of marquee strips that cross like a hash sign. Also called: crosshatch menu, marquee grid menu, hash menu. Pro.
- [Band Menu](https://foundry44.dev/components/band-menu/): Four colour bands sweep down and leave a menu over the page. Also called: layered curtain menu, color band menu, stacked wipe menu. Pro.
- [Frame List](https://foundry44.dev/components/frame-list/): Point at a project and its picture opens from the centre. Also called: centre reveal list, project list image reveal, hover frame list. Pro.

## Components: Tags & Badges

[All tags & badges](https://foundry44.dev/library/tags-badges/): A cloud of tags that the pointer kicks along its own direction, spinning and springing back.

- [Kick Tags](https://foundry44.dev/components/kick-tags/): Tags the pointer kicks aside, bumping into each other before settling. Also called: inertia tags, kicked pills, bouncy tags. Pro.

## Components: Text

[All text](https://foundry44.dev/library/text/): Headlines that resolve from random glyphs, numbers that roll up, words that fill as you read, logos in an endless line.

- [Text Scramble](https://foundry44.dev/components/text-scramble/): Headlines that decode themselves into place. Also called: decrypt text, glyph reveal, hacker text. Free, MIT.
- [Rolling Number](https://foundry44.dev/components/rolling-number/): Stats that count up like an odometer. Also called: number ticker, counter, odometer, rolling stats. Free, MIT.
- [Marquee](https://foundry44.dev/components/marquee/): A looping strip that speeds up as you scroll. Also called: velocity marquee, infinite scroll text, ticker tape, logo cloud. Pro.
- [Line Reveal](https://foundry44.dev/components/line-reveal/): Headlines rise into place, one line at a time. Also called: text reveal, split text, masked lines, block reveal. Free, MIT.
- [Word Loop](https://foundry44.dev/components/word-loop/): One word in your headline keeps changing its mind. Also called: word rotate, rotating text, flip words. Free, MIT.
- [Split Flap](https://foundry44.dev/components/split-flap/): Letters clatter into place like a departure board. Also called: flip board, solari board, flap display. Pro.
- [Word Fill](https://foundry44.dev/components/word-fill/): A paragraph lights up word by word as you read down. Also called: ink reveal, text scroll animation, scroll text highlight, text opacity scroll. Free, MIT.
- [Halftone Wordmark](https://foundry44.dev/components/halftone-wordmark/): A giant dotted wordmark that parts around the cursor. Also called: halftone text, dot wordmark, halftone footer. Pro.
- [Particle Text](https://foundry44.dev/components/particle-text/): Particles swirl into a word and scatter under the cursor. Also called: murmuration text, particle wordmark, text particles. Pro.
- [Letter Scatter](https://foundry44.dev/components/letter-scatter/): A giant word flies apart and lands in your header. Also called: letter intro, hero wordmark intro, scattered letters. Pro.
- [Converge Title](https://foundry44.dev/components/converge-title/): Rows of a giant title slide together and shrink into a heading. Also called: converging headline, scroll title merge, multi-row title scroll. Pro.
- [Echo Word](https://foundry44.dev/components/echo-word/): A giant word trails sliced copies of itself as it rises. Also called: echo text, tunnel text, stacked outline word. Pro.
- [Photo Word](https://foundry44.dev/components/photo-word/): A giant word cut from a photo, built from sliding slats. Also called: image filled text, photo letters, slat word. Pro.
- [Word Ring](https://foundry44.dev/components/word-ring/): A ring of words that turns, then spins back on scroll. Also called: radial text, word sun, circular word list. Pro.
- [Parting List](https://foundry44.dev/components/parting-list/): A contact list that parts around a picture as it glides past. Also called: contact list scroll, split rows, parting rows. Pro.
- [Scatter Line](https://foundry44.dev/components/scatter-line/): Letters fly in scattered and drop into line as you scroll. Also called: scattered letters scroll, horizontal text scroll, letters settle. Pro.
- [Fold Rows](https://foundry44.dev/components/fold-rows/): Rows of bold type rise and fold away at the edges. Also called: 3d folded layout, folded text, fold typography. Pro.
- [Wave List](https://foundry44.dev/components/wave-list/): Two columns of names bend into a wave as you scroll. Also called: wave text scroll, dual wave list, sine list. Pro.
- [Pixel Lanes](https://foundry44.dev/components/pixel-lanes/): Giant pixel letters rise and fall through lanes as you scroll. Also called: pixel letters scroll, terminal text scene, bitmap letters. Pro.
- [Goo Text](https://foundry44.dev/components/goo-text/): Lines of text melt out of ink blobs into crisp letters. Also called: goo reveal, liquid text reveal, metaball text. Pro.

## Components: Transitions & loaders

[All transitions & loaders](https://foundry44.dev/library/transitions/): A counter that lifts off once the page is in, a panel that wipes across on every link, sheets that cover one section with the next.

- [Page Wipe](https://foundry44.dev/components/page-wipe/): A sweep of color carries you from one page to the next. Also called: page transition, route transition, wipe. Pro.
- [Preloader](https://foundry44.dev/components/preloader/): A cover counts to 100, then lifts away in uneven bands. Also called: loader, loading screen, intro. Pro.
- [Frame Intro](https://foundry44.dev/components/frame-intro/): Photos stack in a small frame, then it lands on your hero. Also called: image stack preloader, frame loader, hero morph loader. Pro.
- [Invert Curtain](https://foundry44.dev/components/invert-curtain/): A cover lifts and the word changes colour along its edge. Also called: inverted curtain loader, word curtain intro, blend curtain preloader. Pro.
- [Sheet Transition](https://foundry44.dev/components/sheet-transition/): The next page slides over the last one, which sinks back. Also called: page stack transition, slide over page transition, sheet page transition. Pro.
- [Tilt Sheets](https://foundry44.dev/components/tilt-sheets/): Coloured sheets slide in tilted and land on the pile. Also called: tilted cards scroll, alternating sheets, paper stack scroll. Pro.
- [Ring Intro](https://foundry44.dev/components/ring-intro/): Scattered photos line up and swing into a ring. Also called: card ring loader, circle assemble intro, gallery ring intro. Pro.
- [Frame Transition](https://foundry44.dev/components/frame-transition/): The next page opens in a small frame that fills the screen. Also called: window page transition, growing frame transition, zoom page transition. Pro.
- [Fling Transition](https://foundry44.dev/components/fling-transition/): Slanted planes of colour sweep in, then the next page lands flat. Also called: skewed planes transition, perspective page transition, shard transition. Pro.
- [Clock Wipe](https://foundry44.dev/components/clock-wipe/): A colour sweeps round like a clock hand, then fills the screen. Also called: clock reveal, radial wipe, pie wipe. Pro.
- [Grid Intro](https://foundry44.dev/components/grid-intro/): A loading grid of photos that ends on your hero portrait. Also called: grid loader, photo shuffle intro, portrait hero intro. Pro.
- [Tile Zoom](https://foundry44.dev/components/tile-zoom/): A grid of photos that zooms into one hero image. Also called: grid zoom intro, tile zoom loader, mosaic to hero. Pro.
- [Text Rings](https://foundry44.dev/components/text-rings/): Rings of curved text that spin open onto your page. Also called: circular text intro, ring text loader, orbit text enter. Pro.
- [Glyph Seam](https://foundry44.dev/components/glyph-seam/): A torn edge of letters between a light and a dark section. Also called: glyph tear, pixel seam, torn section divider. Pro.