# GSAP Vault Changelog

> Every effect, template and UI element by release date, newest first.

Canonical: https://gsapvault.com/changelog

108 effects, 73 templates and 59 UI elements released to date. Most recent: 2026-09-23.

132 released in the last 30 days, 240 in the last 90. First release: 2025-12-01. Every product listed is included in The Vault.

## September 2026

- **2026-09-23** — [Fintech Template](https://gsapvault.com/templates/fintech-template) (template, paid): A five-page fintech website template: a home page with a live running total and account dashboard, payments with a tap demo, pricing with plans and a calculator, customer stories and a sign-up page where a card terminal prints your receipt. Suits payments apps, business banking, invoicing and money SaaS.
- **2026-09-23** — [Studio Team Story](https://gsapvault.com/sections/studio-team-story-section) (section, paid): An editorial founder introduction where selecting a person changes the working story and reframes a shared studio photograph.
- **2026-09-23** — [Team Through the Project](https://gsapvault.com/sections/team-directory-section) (section, paid): A single team photograph travels between six people as their individual stories enter view during the scroll.
- **2026-09-22** — [Receipt Printer Scroll](https://gsapvault.com/effects/receipt-printer-scroll) (effect, paid): Scroll to feed a receipt up out of a thermal printer line by line: the strip droops and curls towards you, flutters with scroll speed, then tears at the perforation and lands on the counter.
- **2026-09-22** — [Room 101](https://gsapvault.com/effects/room-101) (effect, paid): Drag, throw or press the web's pet hates into Room 101: a heavy door eases ajar as they near it, pulls them into the dark and slams shut with a rattle.
- **2026-09-22** — [Inflatable Type](https://gsapvault.com/effects/inflatable-type) (effect, paid): A headline of glossy, air-filled 3D balloon letters on curling ribbon strings. Press one and its surface dents while the rest bulges, sweep across to knock letters into their neighbours with their strings trailing, and tap to pump a letter up until it squeaks back into place.
- **2026-09-22** — [Shadow Assembly](https://gsapvault.com/effects/shadow-assembly) (effect, paid): Drag a low spotlight freely across the floor to reshape the word or monogram cast by a suspended matte black sculpture. Release to hold its position, then choose Align light to restore the artwork.
- **2026-09-22** — [Sand Reveal](https://gsapvault.com/effects/sand-reveal) (effect, paid): Brush uneven mounds of pale sand across a graphite board, leaving fine grain trails and gathering material into shaded piles.
- **2026-09-22** — [Fogged Glass Reveal](https://gsapvault.com/effects/fogged-glass-reveal) (effect, paid): Look through a rain-covered window into a misty forest. Wipe away soft condensation while refractive beads gather at the edges and rivulets run down the glass.
- **2026-09-22** — [Scratch Card Reveal](https://gsapvault.com/effects/scratch-card-reveal) (effect, paid): Scratch silver foil to reveal a photograph or discount code. Permanent tracks, directional flakes and an optional automatic finish, switched off by default.
- **2026-09-22** — [Interactive Swatch Book](https://gsapvault.com/effects/interactive-swatch-book) (effect, paid): A tactile material sample fan with a shared hinge and flexible fabric. Pull a swatch free, feel its give, then pin a shade and compare alternatives side by side.
- **2026-09-22** — [Product Configurator](https://gsapvault.com/effects/product-configurator) (effect, paid): An interactive 3D speaker with tactile rotation, three cabinet finishes, a removable grille and guided views of its controls, drivers and connections.
- **2026-09-22** — [PDF Flipbook](https://gsapvault.com/ui-elements/pdf-flipbook) (ui-element, paid): A PDF flipbook: point it at a PDF and read it in two-page spreads, dragging each page over with a real paper curl, momentum and selectable text.
- **2026-09-22** — [PDF Document Viewer](https://gsapvault.com/ui-elements/pdf-document-viewer) (ui-element, paid): A PDF reader with a page control that expands into visual navigation, searchable documents and a reviewed HTML reading mode for phones.
- **2026-09-22** — [Event Schedule](https://gsapvault.com/sections/event-schedule-section) (section, paid): A practical two-day event programme with day selection, session filters and preparation notes, framed by a bold photographic event rail.
- **2026-09-22** — [Searchable FAQ](https://gsapvault.com/sections/searchable-faq-section) (section, paid): A complete help section with searchable answers, topic filters, native disclosures and a clear route to a real person. Built around a warm editorial workspace example.
- **2026-09-22** — [Pricing Comparison](https://gsapvault.com/sections/pricing-comparison-section) (section, paid): A complete SaaS pricing section with three comparable plans, monthly and yearly billing, clear annual totals and a focused plan-selection handoff.
- **2026-09-20** — [Peel to Reveal Offer](https://gsapvault.com/sections/peel-offer-section) (section, paid): A SaaS promotion section with one tactile peelable voucher, a revealed coupon code and a complete copy-to-redemption demonstration.
- **2026-09-20** — [Isometric Project Wall](https://gsapvault.com/sections/isometric-project-wall-section) (section, paid): An architectural photography portfolio section with a drifting isometric image wall, a stable six-project index, readable project summaries and a square-on image viewer.
- **2026-09-20** — [Service Pathway](https://gsapvault.com/sections/service-pathway-section) (section, paid): A photographic service chooser that keeps three client situations, the active offer, practical fit and a clear next step together in one confident studio section.
- **2026-09-20** — [Customer Proof Ledger](https://gsapvault.com/sections/customer-proof-ledger-section) (section, paid): A photography-led customer story section pairing three clear customer choices with a large workplace image, illustrative result, quote and expandable working note.
- **2026-09-20** — [Transformation Stories](https://gsapvault.com/sections/transformation-stories-section) (section, paid): A photography-led transformation section with three room stories, a flexible before-and-after comparison and concise design notes beside the image.
- **2026-09-20** — [Editorial Project Carousel](https://gsapvault.com/sections/editorial-project-carousel-section) (section, paid): An art-book featured projects carousel with a dominant image stage, synchronized project facts and outcomes, visible folio progress, case-study links and complete keyboard, button and swipe navigation.
- **2026-09-20** — [Spatial Product Range](https://gsapvault.com/sections/spatial-product-range-section) (section, paid): A product-first range selector with generated speaker cutouts, a seamless spatial carousel and complete fallback product cards.
- **2026-09-20** — [Time of Day Hero](https://gsapvault.com/sections/time-of-day-hero-section) (section, paid): A hero for a place that changes through the day: a giant photographic dial turns to the daypart on show, and the panel, headline and colour ground change with it.
- **2026-09-19** — [Alpine Stage Route Hero](https://gsapvault.com/sections/route-planner-hero-section) (section, paid): A cycling hero with two selectable Alpine mountain sprints, original aerial landscapes and animated road-aligned routes.
- **2026-09-19** — [Colour Chapter Showcase](https://gsapvault.com/sections/colour-chapter-showcase-section) (section, paid): A photography-led editorial section whose entire canvas changes colour as you scroll between three generously composed chapters.
- **2026-09-19** — [Kinetic Type Hero](https://gsapvault.com/sections/kinetic-type-hero-section) (section, paid): A playful studio hero where five oversized letter objects form a bold composition visitors can drag, nudge, shuffle and reset.
- **2026-09-19** — [Photo Marquee Gallery](https://gsapvault.com/sections/photo-marquee-gallery-section) (section, paid): A complete photographic showcase with a bold editorial masthead and two edge-to-edge image rows travelling continuously in opposite directions, plus click-to-pause controls, a built-in photo lightbox and static browsing fallbacks.
- **2026-09-19** — [Editorial Case Study](https://gsapvault.com/sections/editorial-case-study-section) (section, paid): A photography-led architecture case study with an indexed focal image, project narrative, key facts and a measured outcomes ledger in one refined editorial section.
- **2026-09-19** — [Product Feature Story](https://gsapvault.com/sections/product-feature-story-section) (section, paid): An editorial product feature section where a numbered chapter rail changes the inspected photography, technical facts and substantial story together with a refined, interruptible transition.
- **2026-09-19** — [Image-led Hero](https://gsapvault.com/sections/image-led-hero-section) (section, paid): A composed editorial hero that lets one strong photograph carry the setting, while a large crossing headline, practical stay details and a direct booking action give it purpose.
- **2026-09-18** — [Contour Landscape](https://gsapvault.com/effects/contour-landscape) (effect, paid): Sculpt a lit three-dimensional landscape with a press or drag, as charcoal contours wrap around the rising terrain.
- **2026-09-18** — [ASCII Focus](https://gsapvault.com/effects/ascii-focus) (effect, paid): A photographic character field that resolves into finer glyphs and a clear image as a focus lens moves across it.
- **2026-09-18** — [Metal Fold](https://gsapvault.com/effects/metal-fold) (effect, paid): A sculpted metal sheet that dents under your pointer, bending brushed silver and copper reflections across its folds.
- **2026-09-17** — [Service Business Template](https://gsapvault.com/templates/service-business-template) (template, paid): A three-column service business website with sticky navigation, an interactive service selector and an enquiry ticket. Includes bicycle workshop, dog grooming and home cleaning versions in one template.
- **2026-09-17** — [AI Chat Interface](https://gsapvault.com/ui-elements/ai-chat-interface) (ui-element, paid): An AI chat interface: replies stream in word by word behind a caret, sent messages fly into their bubble, with stop and scroll anchoring.
- **2026-09-16** — [Water Pebbles](https://gsapvault.com/effects/water-pebbles) (effect, paid): A hero background of clear, shallow water over a pale stone floor, with smooth river pebbles on the bottom seen through the ripples. Click the water to drop a pebble in with a splash, drag one along the floor to push a bow wave and nudge the stones it meets.
- **2026-09-16** — [Ferrofluid Magnet](https://gsapvault.com/effects/ferrofluid-magnet) (effect, paid): Beads of glossy black ferrofluid scattered across a hero: your cursor is an invisible magnet that tugs gently on hover; press and hold to pull the fluid into a spiked pool (or shove it clear in repel mode), then let go to throw it outward.
- **2026-09-16** — [Rotating Word Headline](https://gsapvault.com/effects/rotating-word-headline) (effect, paid): A hero headline that cycles its highlighted word: shared letters glide into place, the marker stretches to fit, and the rest of the sentence flows smoothly into its new line breaks.
- **2026-09-16** — [3D Product Showcase Template](https://gsapvault.com/templates/3d-product-showcase-template) (template, paid): Single-product website template with a real-time three.js glass object over full-bleed video: the bottle refracts the footage and wordmark, follows the cursor and turns through scroll chapters. Worked as a fragrance house; suits skincare, spirits, candles and any product launch.
- **2026-09-16** — [AI Research Template](https://gsapvault.com/templates/ai-research-template) (template, paid): A helical three.js pixel reactor, interactive materials programmes and a candidate workbench for research labs, AI startups and technical product websites.
- **2026-09-15** — [Scroll Hotspot Tour](https://gsapvault.com/effects/scroll-hotspot-tour) (effect, paid): A scroll-driven visual story that travels through one large image, flows between chapters and connects every event to its location with an accurate numbered timeline.
- **2026-09-15** — [Tailwind Component Remixer](https://gsapvault.com/effects/tailwind-class-playground) (effect, free): Generate fresh Tailwind component recipes with procedural SVG artwork, coordinated colour palettes and animated GSAP layout transitions.
- **2026-09-15** — [Image Hotspot Explorer](https://gsapvault.com/effects/image-hotspot-explorer) (effect, paid): A draggable image explorer where selecting a hotspot pans the scene into composition, routes a live connector around the subject and settles a detail card into the clear side of the frame.
- **2026-09-15** — [Activity Feed Timeline](https://gsapvault.com/ui-elements/activity-feed-timeline) (ui-element, paid): An activity feed timeline: new events stream in at the top of a vertical rail, a filter Flip-collapses hidden kinds and times tick live.
- **2026-09-15** — [Password Strength Meter](https://gsapvault.com/ui-elements/password-strength-meter) (ui-element, paid): A password strength meter: a four-segment bar sweeps in and drains, rule ticks draw as each is met, with a confirm field match tick.
- **2026-09-15** — [Monthly/Annual Pricing Toggle](https://gsapvault.com/ui-elements/billing-period-toggle) (ui-element, paid): A monthly/annual pricing toggle: a sliding thumb, a savings chip that Flips in beside Annual, and plan prices that roll like an odometer.
- **2026-09-15** — [Kanban Board](https://gsapvault.com/ui-elements/kanban-drag-board) (ui-element, paid): A kanban board with drag and drop: cards lift and tilt as you drag between columns, other cards Flip aside and column counts roll.
- **2026-09-15** — [FAQ Accordion](https://gsapvault.com/ui-elements/faq-disclosure-accordion) (ui-element, free): An accessible FAQ accordion: answers open to their natural height, a plus morphs into a minus, with expand all and #deep links.
- **2026-09-15** — [Notification Bell Dropdown](https://gsapvault.com/ui-elements/notification-inbox-popover) (ui-element, paid): A notification bell dropdown: an unread badge opens an inbox with All and Unread tabs, mark as read, dismiss and a rolling badge count.
- **2026-09-14** — [Threaded Image Slider](https://gsapvault.com/effects/threaded-image-slider) (effect, paid): A photographic slider with a fuller row of images and restrained threads that fan vertically at the edges, with touch dragging, momentum and centre snapping.
- **2026-09-14** — [Image Transition Slider](https://gsapvault.com/effects/pixel-dissolve-transition) (effect, paid): A pinned photographic sequence where portrait panels rise, expand into panoramas and carry oversized project titles through the scroll.
- **2026-09-14** — [Infinite Scroll Landing Page Template](https://gsapvault.com/templates/infinite-scroll-template) (template, paid): An endless landing page with full-screen photography, parallax, a hands-on crop study and a persistent project CTA. Built for creative agencies, photographer portfolios, fashion campaigns, product launches and events.
- **2026-09-13** — [Ink Fluid Reveal](https://gsapvault.com/effects/ink-fluid-reveal) (effect, paid): Stir a photograph like ink in water. A real fluid simulation curls into eddies under your pointer and dissolves an ink-wash print to reveal the full-colour image, or a second photo, before it slowly heals.
- **2026-09-13** — [Pinboard Notes](https://gsapvault.com/effects/pinboard-notes) (effect, paid): Notes and prints pinned to a cork board. Drag one and the paper hangs from its pin, swings with your movement, then presses back into the board on release. Tie notes together with string that sags and sways, and write a new note that finds its own place.
- **2026-09-12** — [Laptop Screen Scroll](https://gsapvault.com/effects/laptop-screen-scroll) (effect, paid): A laptop opens on scroll, fills the viewport, then becomes the live website you keep scrolling through.
- **2026-09-12** — [Design Studio Template](https://gsapvault.com/templates/design-studio-template) (template, paid): An editorial website for design agencies, creative portfolios, architecture studios, publishers and product consultancies. FORME pairs bold typography with interactive identity artwork and expandable project stories.
- **2026-09-11** — [Before / After Compare](https://gsapvault.com/effects/before-after-compare) (effect, paid): A before-and-after reveal with a flexible image boundary. Drag the slim grip to bend the divider, flick to throw it, then watch the edge spring straight.
- **2026-09-11** — [Boutique Hotel Template](https://gsapvault.com/templates/boutique-hotel-template) (template, paid): A boutique hotel website with a dark-green contents rail, a photographic room explorer, a walking-distance guide and a three-step enquiry journey. Designed for hotels, B&Bs, guesthouses, country retreats and wedding venues.
- **2026-09-11** — [Inline Edit Field](https://gsapvault.com/ui-elements/inline-edit-field) (ui-element, paid): An inline edit field: click a value to edit it in place, with optimistic saving, a pending shimmer, and rollback with Retry when a save fails.
- **2026-09-11** — [Slide to Confirm Button](https://gsapvault.com/ui-elements/drag-to-confirm) (ui-element, paid): A slide to confirm button for irreversible actions: flick or drag the thumb to confirm, with spring return, async pending state and a button fallback.
- **2026-09-10** — [Folded Type Scroll](https://gsapvault.com/effects/folded-type-scroll) (effect, paid): A giant printed headline unfolds from a connected paper concertina as you scroll, with dimensional hinges and soft elastic tension.
- **2026-09-10** — [Type Helix](https://gsapvault.com/effects/type-helix) (effect, paid): Turn oversized lettering into a scrolling spiral with hollow rear faces and spring-loaded coils.
- **2026-09-10** — [Serpentine Text Scroll](https://gsapvault.com/effects/serpentine-text-scroll) (effect, paid): Oversized lettering flows around an S-shaped path that pulls taut as you scroll and springs back into a deep curve.
- **2026-09-10** — [Lenticular Card](https://gsapvault.com/effects/lenticular-card) (effect, paid): Tilt a ridged card to reveal an alpine lake from day to night, with optical interlacing, moving plastic highlights and a physical settle.
- **2026-09-10** — [Florist](https://gsapvault.com/templates/florist-template) (template, paid): A specimen-sheet florist website template: five ready bunches hang from one hairline with their prices beneath them, a bunch can be taken apart and built stem by stem in a fan, everything reserved collects on an order slip that writes itself into an email, and the paper takes its colour from the plate on screen. Re-point it to a flower shop, a wedding florist, a plant shop, a tea merchant or a candle maker.
- **2026-09-09** — [Prismatic Border Glow](https://gsapvault.com/effects/prismatic-border-glow) (effect, paid): A soft multicolour border that blooms inward and sends paired ripples around rounded edges on edge movement, click or tap. Three.js renders the glow; GSAP shapes the pulse and settle.
- **2026-09-09** — [Outdoor Adventure](https://gsapvault.com/templates/outdoor-adventure-template) (template, paid): An outdoor adventure website template with an expanding glass hero and landscape scroll, an interactive journey profile and full-bleed mountain photography. Repoint it to a travel agency, hotel retreat, outdoor brand, photographer portfolio or event website.
- **2026-09-09** — [Kinetic Studio Template](https://gsapvault.com/templates/kinetic-studio-template) (template, paid): A kinetic design studio website template with a giant folding type sculpture, stacked campaign posters and a hands-on geometric mark. Repoint it for a design agency, creative portfolio, event website, art director or digital studio.
- **2026-09-08** — [Lens Slider Wall](https://gsapvault.com/effects/lens-slider-wall) (effect, paid): An infinite wall of sliding photographs that bow through a velocity lens and lift seamlessly into a large viewer.
- **2026-09-08** — [Warp Portfolio Reel](https://gsapvault.com/effects/warp-portfolio-reel) (effect, paid): A seamless vertical portfolio carousel that bends into a sculptural photo ribbon as you scroll or drag, with a crisp project link on every slide.
- **2026-09-08** — [Creative Studio Portfolio](https://gsapvault.com/templates/creative-studio-portfolio-template) (template, paid): A dark creative studio portfolio website template with a sculptural photo reel, oversized typography and visual project studies. Suits creative agencies, photographers, design studios, architecture practices and filmmakers.
- **2026-09-08** — [Fieldset Forms UI Kit](https://gsapvault.com/ui-elements/fieldset-forms-ui-kit) (ui-kit, paid): A browsable library of form controls and form structure on one token file: text, number, phone, masked and one-time-code inputs, selects, comboboxes, date, time, colour and file pickers, steppers, validation, error summaries and success states, plus five complete forms that open as working pages, light and dark.
- **2026-09-08** — [Animated Tabs](https://gsapvault.com/ui-elements/sliding-indicator-tabs) (ui-element, free): Animated tabs: the indicator slides and stretches between tabs, panels change directionally and the container eases between heights.
- **2026-09-08** — [Drag and Drop Sortable List](https://gsapvault.com/ui-elements/drag-reorder-sortable-list) (ui-element, paid): A drag and drop sortable list: the row lifts and follows the pointer while the others slide aside, with full keyboard reordering.
- **2026-09-08** — [Drag and Drop File Upload](https://gsapvault.com/ui-elements/file-upload-dropzone) (ui-element, paid): A drag and drop file upload: dropped files land as rows, progress bars count up, finished uploads draw a check and failures offer Retry.
- **2026-09-08** — [Custom Select Dropdown](https://gsapvault.com/ui-elements/select-combobox-dropdown) (ui-element, paid): A custom select dropdown in single and multi-select: type to filter, a sliding highlight, chips for chosen values and a real hidden select.
- **2026-09-08** — [Date Range Picker](https://gsapvault.com/ui-elements/date-range-picker-calendar) (ui-element, paid): A date range picker: a date field opens a calendar popover with presets, a hover preview of the range and a staggered fill on selection.
- **2026-09-07** — [Squiggle Product Gallery](https://gsapvault.com/effects/squiggle-product-gallery) (effect, paid): An infinite shoppable card gallery that follows a winding line, with wave-led tilt, soft momentum and clickable product actions.
- **2026-09-07** — [Funhouse Portrait](https://gsapvault.com/effects/funhouse-portrait) (effect, paid): Inflate noses, squeeze faces and twist smiles with a playful three.js portrait filter that springs back on release.
- **2026-09-05** — [Scroll Story Flow](https://gsapvault.com/effects/scroll-story-flow) (effect, paid): Pinned photographic stories with oversized single-line text travelling across the viewport, image wipes, parallax and custom easing. Scroll down through three expressive scenes.
- **2026-09-05** — [Rep Fitness App UI Kit](https://gsapvault.com/ui-elements/rep-fitness-app-ui-kit) (ui-kit, paid): A fitness mobile app component library with daily steps, workout logging, rest timers, progress charts, kudos and local crew chat. Cool graphite and lime, a violet light theme, Manrope headings, and eight connected app screens.
- **2026-09-05** — [Simmer Mobile App UI Kit](https://gsapvault.com/ui-elements/simmer-mobile-app-ui-kit) (ui-kit, paid): A phone app component library on one token file: tab bar, collapsing large titles, grouped lists with swipe actions, sheets that drag between detents, wheel pickers, timers and nutrition rings, plus six working screens of a recipe app, light and dark.
- **2026-09-04** — [Photo Gallery Template](https://gsapvault.com/templates/photographer-template) (template, paid): One-page gallery site for anyone who sells on full-bleed photography: photographers, hotels, holiday lets, travel, interiors. Six frames in a sideways run driven by scroll, a dark wall of ten prints to scroll, drag and zoom through, a print basket and a commission table that prices itself as you choose. Cool Nordic paper, one tight grotesk.
- **2026-09-02** — [Horizontal Scroll Template](https://gsapvault.com/templates/horizontal-scroll-template) (template, paid): A horizontal scroll website template written as a furniture workshop's showroom: a headline at display scale running into a photograph, then six plates on one pinned rail that vertical scroll pans sideways, with a timber picker that recolours its plate and a table whose sizes draw over the photograph. Re-points to a furniture maker, a lighting studio, a ceramicist, an interiors shop, a product designer's portfolio or a gallery.
- **2026-09-02** — [Fullscreen Slider Template](https://gsapvault.com/templates/fullscreen-slider-template) (template, paid): A one-page hotel site built on a full-screen room slider: six full-bleed photographs walked through one frame with a curtain wipe, a live rate and a plan of the house, a day you drag through hour by hour, and a stay builder. Re-points to a boutique hotel, a B&B or guesthouse, a hostel, a holiday resort, a restaurant with rooms or a wedding venue.
- **2026-09-02** — [Relay App UI Kit](https://gsapvault.com/ui-elements/relay-app-ui-kit) (ui-kit, paid): A browsable component library for building a product: fifty-seven components on one token file, from buttons and fields to tables, kanban, charts and overlays, plus four screens that open as working pages, dark and light.
- **2026-09-01** — [Exploded View Scroll](https://gsapvault.com/effects/exploded-view-scroll) (effect, paid): A pinned product stack that separates into an exploded assembly diagram as you scroll, with layers that tilt into three-quarter view, callouts that draw in, and a velocity overshoot that springs back.
- **2026-09-01** — [Parallax Scroll Template](https://gsapvault.com/templates/parallax-scroll-template) (template, paid): A nature-led one-page site for a national trail, outdoor brand or landscape project: four full-bleed photographs pinned into a scroll-scrubbed journey, a live type specimen you type into, and a lens that samples the palette off a hillside.
- **2026-09-01** — [Exit Intent Popup](https://gsapvault.com/ui-elements/exit-intent-popup) (ui-element, paid): An exit intent popup for promo codes and email capture: exit, scroll, delay or manual triggers, frequency capping and an accessible modal.
- **2026-09-01** — [Cookie Consent Banner](https://gsapvault.com/ui-elements/consent-preferences-card) (ui-element, paid): A GDPR cookie consent banner: a compact card Flip-morphs into per-category preferences, fires a consent event and remembers the choice.
- **2026-09-01** — [Announcement Bar](https://gsapvault.com/ui-elements/announcement-banner-bar) (ui-element, free): An announcement bar for sites: pushes the page down instead of covering it, rotates messages with a masked swap and collapses on dismiss.
- **2026-09-01** — [Atlas Workspace Console UI Kit](https://gsapvault.com/ui-elements/atlas-workspace-console) (ui-kit, paid): A browsable component library for a light, warm workspace app: fifty-nine components on one token file, from buttons and fields to tables, kanban, charts, schedules and overlays, plus four assembled screens, in a porcelain light theme and a deep ink one.

## August 2026

- **2026-08-31** — [Multi-Page SaaS Template](https://gsapvault.com/templates/multi-page-saas-template) (template, paid): A four-page SaaS website template with animated page transitions and a real light/dark theme: links fetch the next page and swap only the main column, so the header, the mega menu and the theme survive every navigation. Re-points to a developer tool, an API product, an analytics or fintech SaaS, an agency site, or any multi-page marketing site.
- **2026-08-31** — [Ops Console UI Kit](https://gsapvault.com/ui-elements/ops-console-ui-kit) (ui-kit, paid): A browsable component library for building an operations console: fifty-eight components on one token file, from buttons and fields to charts, gauges, an incidents table, a log viewer and four assembled screens, dark and light.
- **2026-08-30** — [Radial Headline Burst](https://gsapvault.com/effects/radial-headline-burst) (effect, paid): A scroll-scrubbed headline that explodes each character from one centre point into crisp, readable type with a chromatic fringe and spring-like settle.
- **2026-08-30** — [Arc Offset Gallery](https://gsapvault.com/effects/arc-offset-gallery) (effect, paid): An infinite card slider where every card glides along a shallow arc, easing into focus with offset depth, gentle rotation and velocity-led motion.
- **2026-08-28** — [Avatar Group](https://gsapvault.com/ui-elements/presence-avatar-cluster) (ui-element, paid): An avatar group for collaborators: overlapping avatars part on hover, one tooltip travels between them, with an overflow chip and roster.
- **2026-08-28** — [Multi-Step Form](https://gsapvault.com/ui-elements/spring-step-form) (ui-element, paid): A multi-step form: each completed step compresses into an answer trail and the submit button springs into a confirmation receipt.
- **2026-08-28** — [OTP Input](https://gsapvault.com/ui-elements/otp-code-input) (ui-element, paid): An OTP input for 2FA and verification codes: digits land with a bounce, paste fills every box, and a wrong code shakes and clears.
- **2026-08-28** — [Dual Range Slider](https://gsapvault.com/ui-elements/dual-range-slider) (ui-element, paid): A dual range slider for price filters: two thumbs that cannot cross, a histogram that lights bar by bar, a rolling result count and typed min/max.
- **2026-08-28** — [Star Rating](https://gsapvault.com/ui-elements/star-rating-input) (ui-element, free): A star rating input on native radios: hover sweeps the fill to the pointer, a click locks it in with a spring pop and a label.
- **2026-08-28** — [Product Onboarding Tour](https://gsapvault.com/ui-elements/onboarding-tour-spotlight) (ui-element, paid): A product onboarding tour: the page dims except a spotlight that scrolls to each step and morphs between them, with a card that flips to the side with room.
- **2026-08-28** — [Bottom Navigation Bar](https://gsapvault.com/ui-elements/bottom-tab-bar) (ui-element, paid): A mobile bottom navigation bar: the indicator stretches between tabs, panels swipe with the finger and the bar hides as you scroll down.
- **2026-08-28** — [Scrollspy Table of Contents](https://gsapvault.com/ui-elements/scrollspy-toc-rail) (ui-element, free): A scrollspy table of contents for long pages: a marker slides to the section in view and a progress line tracks reading.
- **2026-08-28** — [Copy to Clipboard Button](https://gsapvault.com/ui-elements/copy-to-clipboard-button) (ui-element, free): A copy to clipboard button: the clipboard icon morphs into a drawn check, a Copied label floats up and the copied value flashes.
- **2026-08-28** — [Animated Like Button](https://gsapvault.com/ui-elements/reaction-burst-button) (ui-element, paid): An animated like button: the icon springs, a particle burst fires and the count rolls over one digit at a time.
- **2026-08-28** — [Skeleton Loader](https://gsapvault.com/ui-elements/skeleton-to-content-reveal) (ui-element, free): A skeleton loader: shimmering placeholders crossfade into real content with a stagger, and each card's height eases to what it loaded.
- **2026-08-28** — [Sortable Data Table](https://gsapvault.com/ui-elements/sortable-data-table) (ui-element, paid): A sortable data table for dashboards: row selection, a bulk-action bar with Undo, filter and pagination, and rows that travel with GSAP Flip.
- **2026-08-28** — [Filter Chips](https://gsapvault.com/ui-elements/filter-chip-bar) (ui-element, paid): Filter chips for product and portfolio grids: multi-select chips above results that re-flow with GSAP Flip while the count animates.
- **2026-08-28** — [Spotlight Search Modal](https://gsapvault.com/ui-elements/spotlight-global-search) (ui-element, paid): A spotlight search modal for apps and docs: opened from the search field or the / key, with grouped results, a preview and full keyboard control.
- **2026-08-28** — [Progress Stepper](https://gsapvault.com/ui-elements/step-progress-indicator) (ui-element, free): A progress stepper for checkouts and onboarding: the track fills to the active step and completed steps flip into a drawn checkmark.
- **2026-08-28** — [Loading Submit Button](https://gsapvault.com/ui-elements/morphing-submit-button) (ui-element, paid): A loading submit button for any button: pass it a promise and it morphs into a spinner, then a drawn checkmark or an error shake, announced to screen readers.
- **2026-08-28** — [iOS Toggle Switch](https://gsapvault.com/ui-elements/ios-toggle-switch) (ui-element, free): An iOS-style toggle switch on a native checkbox: tap or drag the knob, it snaps to the nearer side and the track colour cross-fades.
- **2026-08-28** — [Quantity Stepper](https://gsapvault.com/ui-elements/quantity-stepper-roll) (ui-element, paid): A quantity stepper for carts and booking forms: digits roll like an odometer, with hold to repeat and a shake at the limits.
- **2026-08-28** — [Tag Input](https://gsapvault.com/ui-elements/tag-input-chips) (ui-element, paid): A tag input for forms: type, paste or pick chips that spring in, drag or Alt+Arrow to reorder, with a suggestions list and a mount() API.
- **2026-08-28** — [Autocomplete Search Dropdown](https://gsapvault.com/ui-elements/autocomplete-search-dropdown) (ui-element, paid): An autocomplete search dropdown: grouped results filter as you type with matches highlighted, a highlight slides under the arrow keys.
- **2026-08-28** — [Animated Tooltip](https://gsapvault.com/ui-elements/morphing-popover-tooltip) (ui-element, paid): An animated tooltip that travels between targets: one bubble tweens its position, size and arrow instead of blinking out and back in.
- **2026-08-28** — [Right-Click Context Menu](https://gsapvault.com/ui-elements/spring-context-menu) (ui-element, paid): A right-click context menu for lists and tables: per-row items from data, typeahead and submenus, springing out of the corner nearest the pointer.
- **2026-08-28** — [Slide-Out Drawer](https://gsapvault.com/ui-elements/side-drawer-panel) (ui-element, paid): A slide-out drawer for settings, carts and filters: flick to dismiss, rubber-band pull, a backdrop that tracks the drag, left or right.
- **2026-08-28** — [Collapsible Sidebar Menu](https://gsapvault.com/ui-elements/accordion-sidebar-nav) (ui-element, free): A collapsible sidebar menu for docs and admin apps: sections open on a measured height tween and an indicator slides to the current link.
- **2026-08-28** — [Fullscreen Hamburger Menu](https://gsapvault.com/ui-elements/hamburger-fullscreen-menu) (ui-element, free): A fullscreen hamburger menu: the burger icon morphs into an X while the overlay wipes in and the links stagger up, with focus trapping.
- **2026-08-28** — [Segmented Control](https://gsapvault.com/ui-elements/elastic-segmented-switch) (ui-element, paid): A segmented control for view and timeframe switching: the indicator stretches as it slides, with icons, disabled and loading states.
- **2026-08-28** — [Pricing Slider](https://gsapvault.com/ui-elements/pricing-count-up-slider) (ui-element, paid): A pricing slider for SaaS plans: the price counts up as you drag, tiers snap magnetically, and a monthly/annual switch re-tweens the total.
- **2026-08-28** — [Cmd+K Command Palette](https://gsapvault.com/ui-elements/command-palette) (ui-element, paid): A Cmd+K command palette: fuzzy filtering, nested pages that slide in with a breadcrumb, and a panel height that morphs as results change.
- **2026-08-28** — [Toast Notifications](https://gsapvault.com/ui-elements/stacked-toast-queue) (ui-element, paid): Toast notifications for web apps: five types, undo actions, a pause-on-hover countdown, swipe to dismiss and a promise helper for loading states.
- **2026-08-28** — [Draggable Bottom Sheet](https://gsapvault.com/ui-elements/draggable-bottom-sheet) (ui-element, paid): A multi-detent bottom sheet: peek, half and full, snapped by release velocity, with scrollable content that hands the gesture back to the sheet only at the top of the list.
- **2026-08-28** — [Animated Modal Dialog](https://gsapvault.com/ui-elements/fluid-flip-modal) (ui-element, paid): An accessible animated modal dialog: the button you press morphs into the dialog and back, with side and centred placements, stacking and focus trapping.
- **2026-08-28** — [Animated Pill Navbar](https://gsapvault.com/ui-elements/magnetic-pill-nav) (ui-element, paid): An animated navbar with a sliding pill: it leans toward the cursor, stretches as it travels between links, and keeps the active link in view.
- **2026-08-28** — [Animated Mega Menu](https://gsapvault.com/ui-elements/morphing-mega-menu) (ui-element, paid): An animated mega menu for site headers: the flyout panel morphs between section sizes instead of popping, and its columns stagger in behind it.
- **2026-08-28** — [macOS Dock Navigation](https://gsapvault.com/ui-elements/floating-dock-nav) (ui-element, paid): A macOS-style dock menu for app shells and dashboards: icons magnify under the cursor, badges pop, and items drag to reorder.
- **2026-08-25** — [Chrono Rail Timeline](https://gsapvault.com/effects/chrono-rail-timeline) (effect, paid): A pinned horizontal timeline where vertical scroll drives a chronology of full dated entries past a fixed playhead, with a velocity blur, ruler era marks and a straight gliding settle.
- **2026-08-25** — [Scroll Timeline Chronicle](https://gsapvault.com/effects/scroll-timeline-chronicle) (effect, paid): A scroll-scrubbed vertical chronology: entries magnetically hang in a reading band and ease through the handoff while a drawn spine, an odometer year and a depth-blur falloff all react to the same scroll.
- **2026-08-25** — [Layered Depth Template](https://gsapvault.com/templates/layered-depth-template) (template, paid): A spatial and exhibition design studio site with a photographic depth corridor, a cursor-tilted cluster, and project images that open to full bleed. Suits architecture, interiors, photography portfolios and arts venues.
- **2026-08-25** — [Poster Grid Template](https://gsapvault.com/templates/poster-grid-template) (template, paid): A one-page site for a poster biennale, built on a twelve-column rule grid that is printed on the page rather than hidden behind it: the grid draws itself in as measured rules while the headline sets column by column, four photographic plates reflow between fixed compositions with GSAP Flip, and a marginalia rail down the outer column tracks scroll on three channels at once.
- **2026-08-25** — [Split Screen Template](https://gsapvault.com/templates/split-screen-template) (template, paid): A one-page site for an independent industrial design studio, built as two committed full-height fields — an ochre one and a near-black one — divided by a seam the visitor can actually drag. Scroll sends the two fields in opposite directions, the headline straddling the divide is knocked out correctly on both grounds, project plates are dealt out from the seam in a pinned sequence, and a second seam further down bends toward the cursor.
- **2026-08-23** — [Particle Morph Text](https://gsapvault.com/effects/particle-morph-text) (effect, paid): A headline made of tens of thousands of GPU particles that dissolves in a gust and re-forms as the next word on click, while the cursor blows through the letters like wind. three.js, one shader, GSAP core.
- **2026-08-23** — [Curved Ribbon Slider](https://gsapvault.com/effects/curved-ribbon-slider) (effect, paid): A full-bleed WebGL slider driven by the scroll wheel. A distortion field sits in the middle of the container and bends whatever scrolls through it: the panel at the front stays flat and sharp while the ones either side curl away and smear into a spectrum, mirrored on both sides.
- **2026-08-23** — [Twang Lanyard](https://gsapvault.com/effects/twang-lanyard) (effect, paid): A two-leg SVG lanyard simulation that lets a weighted event pass fall, whip, twist, and settle through damped rope constraints.
- **2026-08-22** — [Isometric Scroll Wall](https://gsapvault.com/effects/isometric-scroll-wall) (effect, paid): A wall of poster tiles laid on an isometric plane, adjacent lanes travelling in opposite directions and wrapping forever as you scroll, with a hard flick banking the whole plane and any tile pulling square to the viewer on a click.
- **2026-08-22** — [Scroll Depth Corridor](https://gsapvault.com/effects/scroll-depth-corridor) (effect, paid): A corridor of panels receding into depth that the camera flies through as you scroll, wrapping from far to near so it never ends, with a hard flick opening the field of view and streaking the whole corridor past a headline that holds dead still at the vanishing point.
- **2026-08-22** — [Editorial Scrollytelling](https://gsapvault.com/effects/editorial-scrollytelling) (effect, paid): A sticky editorial media rail that morphs between section-defined aspect ratios with Flip, directional image wipes, layered drift and a velocity-reactive settle while the prose stays in normal document flow.
- **2026-08-21** — [Scroll Morph Mask Video](https://gsapvault.com/effects/scroll-morph-mask-video) (effect, paid): A looping surf film that never stops playing, seen through a vector mask that scroll morphs from a mark into the letterforms of a word, then zooms through a letter to full bleed. Flick and the mask breathes: it inflates, the edge splits into an accent and a chalk fringe, and the footage speeds up.
- **2026-08-18** — [Elastic Photo Mesh](https://gsapvault.com/effects/elastic-photo-mesh) (effect, paid): Interactive rubberized photo mesh: click, drag, or sweep across any image to stretch and warp the canvas texture with spring-mass physics, elastic tension, and gelatin reverberations.
- **2026-08-17** — [AI Studio SaaS Template](https://gsapvault.com/templates/ai-studio-saas-template) (template, paid): A saturated editorial SaaS template with an aperture-led type hero, a scroll-directed visual sequence, and a clickable art-direction mixer.
- **2026-08-16** — [Liquid Fill Reveal](https://gsapvault.com/effects/liquid-fill-reveal) (effect, paid): A scroll-scrubbed liquid fills a frame behind your content, with a simulated wave surface that sloshes on a fast scroll and inverts everything below the waterline.
- **2026-08-16** — [Jewellery Template](https://gsapvault.com/templates/fine-jewellery-template) (template, paid): Two-page shop for any single-object luxury brand where the photograph carries the sale: jewellery, watches, ceramics, glass. Sweep a raking light across one piece to move its exposure, specular streak, shadow and colour temperature at once, then a twelve-piece shop with a Flip category filter and a selection drawer.
- **2026-08-15** — [Kinetic Shutter Blinds](https://gsapvault.com/effects/kinetic-shutter-blinds) (effect, paid): Slices a hero design across a bank of 3D venetian louvres that crack open under the cursor in a proximity wave, revealing a second layer behind and a third printed on their reverse.
- **2026-08-15** — [Magnetic Glass Lens](https://gsapvault.com/effects/magnetic-glass-lens) (effect, paid): A glass loupe that follows the cursor and magnifies the live page beneath it, with refraction wobble, chromatic fringing and 3D tilt momentum.
- **2026-08-15** — [Record Label Template](https://gsapvault.com/templates/record-label-template) (template, paid): A record label website template with interactive vinyl, a release catalogue and artist roster. Editable HTML, CSS and GSAP for your label or DJ collective.
- **2026-08-15** — [Interactive Halftone Image](https://gsapvault.com/effects/halftone-image) (effect, paid): An image rendered live as a halftone dot grid the pointer drags through: dots swell, smear along the stroke and split into misregistered ink at speed, then settle back elastically.
- **2026-08-13** — [Ambient Orb Field](https://gsapvault.com/effects/ambient-orb-field) (effect, paid): Six luminous colour orbs stay distinct as they drift and lean with the pointer, then rack into crisp blend-mode discs when you press and hold.
- **2026-08-13** — [Scroll Colour Shift](https://gsapvault.com/effects/scroll-color-shift) (effect, paid): A scroll-linked palette system: each section declares its colours and the page background, text, rules and accents transition together as you scroll, with text contrast guaranteed at every point of the blend.
- **2026-08-13** — [Aurora Gradient Field](https://gsapvault.com/effects/aurora-gradient-field) (effect, paid): A vivid mesh-gradient background of drifting colour with a bright lead bloom and a slower halo that follow the cursor across the page, built without canvas or WebGL.
- **2026-08-09** — [Brewery Template](https://gsapvault.com/templates/craft-brewery-template) (template, paid): One-page site for any drinks brand whose range maps to a colour per flavour: beer, cider, kombucha, canned coffee. A draggable spinning can is the hero, the only saturated object on an industrial gunmetal shell, and picking a product retokens the whole page. Shown as a craft brewery and taproom.
- **2026-08-09** — [Plucked Strings](https://gsapvault.com/effects/plucked-strings) (effect, paid): Interactive elastic strings that bend around your cursor and twang back with damped oscillation — with an opt-in sound toggle that voices every pluck as a synthesized, guitar-tuned string note.
- **2026-08-08** — [Sports Club Template](https://gsapvault.com/templates/sports-club-template) (template, paid): A complete one-page site for a semi-professional football club, painted edge to edge in one saturated kit colour with the club name set at poster scale across a full-bleed photograph, built around a draggable season scrubber that turns a plain results list into an instrument: throw it and the scoreline, points, league position, form guide and position curve all answer to the same finger.
- **2026-08-01** — [Page Turn Book](https://gsapvault.com/effects/page-turn-book) (effect, paid): A GSAP page-turn effect with curved paper, moving highlights and momentum. Drag or flick through a lookbook, with touch and arrow-key controls.

## July 2026

- **2026-07-31** — [Curtain Menu Overlay](https://gsapvault.com/effects/curtain-menu-overlay) (effect, paid): A fullscreen nav overlay that arrives as layered clip-path curtains, oversized type masking up on a stagger, and a preview plate that wipes in the direction you moved.
- **2026-07-31** — [Holo Foil Card](https://gsapvault.com/effects/holo-foil-card) (effect, paid): Trading-card holographic tilt: one pointer drives 3D rotation, an iridescent foil sheen, twinkling glitter, depth parallax and a specular bloom, then settles elastically.
- **2026-07-31** — [Cloth Drape](https://gsapvault.com/effects/cloth-drape) (effect, paid): A hanging fabric banner you can grab, drag and swing: a soft-body cloth simulation that warps your artwork across it and shades its own folds.
- **2026-07-31** — [Fracture Reveal](https://gsapvault.com/effects/fracture-reveal) (effect, paid): Shatter any element into real Voronoi shards from the point you hit, then watch them reassemble with no seam left behind.
- **2026-07-29** — [Documentation Site Template](https://gsapvault.com/templates/documentation-template) (template, paid): A complete six-page documentation site on a clean near-white reading surface, with a proper dark theme and a cool slate alternate shipped as one-attribute palette swaps: fixed top bar, cross-linked sidebar tree, article column and scrollspy "On this page" rail on every page, built around a Cmd+K command palette that fuzzy-searches an index read live from the site's navigation and the current page's headings.
- **2026-07-29** — [Team Chat App Template](https://gsapvault.com/templates/team-chat-template) (template, paid): A dark-mode team chat web-app UI whose conversation plays itself: a choreographed GSAP replay of launch morning with typing indicators, landing messages, popping reactions, a mention sweep and a thread that opens on cue, inside a full app shell with channel switching, a composer and a mobile drawer.
- **2026-07-28** — [Split-Screen Hero Handoff](https://gsapvault.com/effects/split-screen-hero-handoff) (effect, paid): A cinematic video hero that opens as six alternating vertical shutters, pulling its headline apart and revealing real page content through the seams.
- **2026-07-28** — [Scroll Sequence Hero Transition](https://gsapvault.com/effects/scroll-sequence-hero-transition) (effect, paid): A scroll-scrubbed canvas image sequence hero that lifts into real page content, with Editorial, Serif, and Mono typographic presets.
- **2026-07-27** — [Creative Agency Template](https://gsapvault.com/templates/advertising-agency-template) (template, paid): One-page agency site for any studio that sells campaigns, film or brand work. A pinned, scroll-scrubbed reel of sixty photographs is the hero, a capabilities marquee skews with scroll speed, and six case studies with results sit under a CSS-only discipline filter. Shown as an ad agency.
- **2026-07-27** — [Branding Agency Template](https://gsapvault.com/templates/branding-studio-template) (template, paid): Editorial one-page site for any studio whose work is typographic rather than photographic: identity, packaging, print. A contents index of plates you throw sideways, headings in a variable serif that set themselves as they arrive, a featured project laid out as an article, and four measured palettes.
- **2026-07-27** — [Web Design Agency Template](https://gsapvault.com/templates/web-design-agency-template) (template, paid): A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing. Services lead with plain price bands and timelines, and the whole page is keyed to one brand colour you swap.
- **2026-07-27** — [Sticker Peel](https://gsapvault.com/effects/sticker-peel) (effect, paid): Drag a sticker's corner and it peels back along a real moving fold, then rips clean off the sheet with your release velocity.
- **2026-07-27** — [Physics Word Pile](https://gsapvault.com/effects/physics-word-pile) (effect, paid): Display-type chips that fall, collide, tumble and stack under a real rigid body solver, with drag-and-fling throwing. No physics library, just GSAP.
- **2026-07-25** — [Scrollytelling Template](https://gsapvault.com/templates/investigative-story-template) (template, paid): Scrollytelling page for any long-form piece that argues from evidence: journalism, research, policy, campaign reports. Three scroll-locked stages pin a media column that crossfades photograph to photograph as the reporting scrolls past, documents whose redaction bars wipe off as you read, and a right-of-reply block.
- **2026-07-25** — [Recruitment Agency Template](https://gsapvault.com/templates/recruitment-agency-template) (template, paid): A complete one-page recruitment agency template for specialist hiring studios, pairing candid editorial art direction with a kinetic talent-network hero, live Flip-powered role matching, a scroll-drawn three-step method, candidate stories, and a full employer brief dialog.
- **2026-07-25** — [Financial Advisor Template](https://gsapvault.com/templates/financial-planner-template) (template, paid): One-page site for any adviser who sells a conversation rather than a product: financial planners, wealth managers, retirement specialists. The signature is a draggable life-plan timeline that redraws an illustrative projection live as you move retirement earlier or later. Calm, personal and accessible.
- **2026-07-25** — [Event Venue Template](https://gsapvault.com/templates/theatre-venue-template) (template, paid): One-page site for any venue with a season and a current show: theatres, concert halls, arts centres, cinemas. A production selector closes the stage curtains, changes the show at full cover and opens into a settling house-light glow, with a season ledger, visit information and membership. Oxblood playbill identity.
- **2026-07-25** — [Long-Form Story Template](https://gsapvault.com/templates/long-form-story-template) (template, paid): A one-page long read laid out for reading: a single 68-character measure on a pale celery ground, a sticky chapter spine with a scrubbed plum progress thread, inline-SVG figures that break the column, and four principle cards that stack into a deck as the section pins.
- **2026-07-25** — [Draggable Dashboard Template](https://gsapvault.com/templates/bento-grid-template) (template, paid): A calm project-dashboard landing page with draggable, keyboard-reorderable widgets, a practical build-your-workspace section, expandable release rooms and split-flap metrics.
- **2026-07-25** — [Editorial One Page Template](https://gsapvault.com/templates/editorial-one-page-template) (template, paid): A vertical-agnostic editorial one-pager whose cover exists twice: a chalk plate on top and an ink negative beneath it, revealed through a soft aperture that follows the cursor and stretches on the axis it is moving along.
- **2026-07-25** — [Velocity Slice Image](https://gsapvault.com/effects/velocity-slice-image) (effect, paid): A velocity-reactive image effect that peels one photograph into alternating horizontal slats with directional depth, warm edge light, and a zipper-like settle.
- **2026-07-25** — [Split-Flap Board](https://gsapvault.com/effects/split-flap-board) (effect, paid): Airport-departure-board character flipping for headlines, stats and status rows, with each cell rolling on a real 3D hinge and the board resolving as a staggered wave.
- **2026-07-25** — [Cursor Spotlight Mask](https://gsapvault.com/effects/cursor-spotlight-mask) (effect, paid): A soft aperture follows the cursor and reveals a completely different layer hidden under the visible one, stretching into a lens streak on the axis of movement and springing back with an elastic settle.
- **2026-07-25** — [Scroll Stack Cards](https://gsapvault.com/effects/scroll-stack-cards) (effect, paid): Full-width panels that stack over one another as you scroll, each one locking into place with an overshoot while the cards beneath compress into a visible deck.
- **2026-07-24** — [Link Hub Template](https://gsapvault.com/templates/link-hub-template) (template, paid): An editorial link-in-bio page for a fashion model and lifestyle creator: a Didone contents index whose covers follow the cursor and cross-fade as you move down the list, with a shipping four-palette persona switcher.
- **2026-07-24** — [QR Table Menu Template](https://gsapvault.com/templates/qr-menu-template) (template, free): A phone-first digital menu made to open from a QR code at the table, with a sticky category bar that crossfades between sections and dietary chips that filter every dish at once.
- **2026-07-24** — [Art Gallery Template](https://gsapvault.com/templates/art-gallery-template) (template, paid): A one-page site for a contemporary art gallery, built on a cool white ground with one vermilion, whose signature is a walk-the-wall exhibition: the section pins and vertical scroll pans a hang of CSS-drawn artworks sideways, with a medium filter that re-hangs the wall.
- **2026-07-24** — [Travel & Tour Template](https://gsapvault.com/templates/travel-tour-template) (template, paid): A complete one-page site for a boutique small-group tour operator, built on a lagoon-teal ground with a coral accent, and an interactive itinerary map whose route line draws itself in as its signature.
- **2026-07-24** — [Cocktail Bar Template](https://gsapvault.com/templates/cocktail-bar-template) (template, paid): A complete one-page site for a 1920s speakeasy, built on a deep teal-black ground with brass deco linework, whose signature is a build-your-cocktail glass that pours coloured liquid layers as you pick a base spirit and mixers.
- **2026-07-24** — [Scroll Video Scrub](https://gsapvault.com/effects/scroll-video-scrub) (effect, paid): Scroll drives a real video's playhead frame-by-frame while a horizontal track of chapters pans across the pinned footage. Apple-keynote scrub, one MP4 and a tween.
- **2026-07-24** — [Interior Design Template](https://gsapvault.com/templates/interior-design-studio-template) (template, paid): One-page site for any business that shows a space before and after its work: interior designers, renovators, stagers, build firms. The signature is a draggable before/after slider that wipes the redesigned room over the bare original, on a warm greige ground with an editorial hero.
- **2026-07-24** — [Liquid Ripple Image](https://gsapvault.com/effects/liquid-ripple-image) (effect, paid): A liquid image hover effect: dragging the cursor over an image distorts the pixels like water, rippling from the pointer and settling back to a crisp, calm pool.
- **2026-07-24** — [Elastic Repel Headline](https://gsapvault.com/effects/elastic-repel-headline) (effect, paid): A cursor-repulsion display headline whose letters flee the pointer, scaled by cursor speed, then spring back home with an elastic overshoot, motion blur, and a scale dip.
- **2026-07-24** — [Scroll Text Highlight](https://gsapvault.com/effects/scroll-text-highlight) (effect, free): A scrubbed orange-to-lime reading front lifts each active word before completed copy settles to white and unread copy remains ghosted.
- **2026-07-23** — [Incident Alerting SaaS Template](https://gsapvault.com/templates/incident-alerting-template) (template, paid): A complete one-page SaaS landing site for an uptime monitoring and incident alerting product, built around a live alert wire: monitor events arrive on a timed stream, shunt the list down, tick the hero counters, and expand into incident detail cards on hover or focus.
- **2026-07-23** — [Email API SaaS Template](https://gsapvault.com/templates/email-api-template) (template, paid): A complete one-page landing site for a transactional email API, set like airmail stationery: outbound letters fly into the hero's sorting tray on a timed stream, filterable by email type, each one openable to its delivery report and frankable DELIVERED with a rubber-stamp thunk.
- **2026-07-23** — [Grid Shockwave](https://gsapvault.com/effects/grid-shockwave) (effect, paid): An interactive tile wall where every click detonates a radial shockwave: tiles pop, flash, and tip away from the epicentre in a distance-staggered ring wave, then settle with elastic overshoot.
- **2026-07-23** — [Scroll Zoom Portal](https://gsapvault.com/effects/scroll-zoom-portal) (effect, paid): Pinned scroll section where a small framed panel zooms up to swallow the viewport, parting the headline around it, so scrolling feels like stepping through a portal into the next scene.
- **2026-07-23** — [3D Ring Gallery](https://gsapvault.com/effects/3d-ring-gallery) (effect, paid): A draggable 3D ring carousel where cards stand on a cylinder in real perspective. Flick it hard and it spins with momentum, motion blur, and a velocity-driven tilt before an elastic snap locks the nearest card front and centre. Opt in and each card becomes a button that spins to the front and Flips open into a full detail lightbox.
- **2026-07-22** — [Astronomy Template](https://gsapvault.com/templates/observatory-template) (template, paid): One-page site for any astronomy or science venue with an evening programme: observatories, planetariums, dark-sky parks, societies. Hand-plotted constellations draw themselves line by line with DrawSVG as each section arrives, over a three-layer parallax starfield, with a programme timeline and hire ledger.
- **2026-07-22** — [Magazine Template](https://gsapvault.com/templates/indie-magazine-template) (template, paid): Single-issue site for any publication with a contents page worth showing: magazines, zines, journals, newsletters. Set like a broadsheet front page, with a cover headline that typesets itself letter by letter and pull quotes that grow on scroll while the columns re-wrap around them live.
- **2026-07-22** — [Online Course Template](https://gsapvault.com/templates/online-course-template) (template, paid): A complete one-page site for selling a single online course, built around a draggable pace planner: set your hours per week and watch the curriculum re-pack itself into real weeks with a live finish date.
- **2026-07-22** — [Page Preloader](https://gsapvault.com/effects/page-preloader) (effect, paid): A complete load sequence: a counter climbs to 100 behind a full-screen overlay, the overlay clears with one of four exit styles (curtain wipe, split doors, iris, or fade), and the page content staggers in behind it.
- **2026-07-22** — [Food Truck Template](https://gsapvault.com/templates/food-truck-template) (template, paid): A complete one-page site for a street-food truck, built around an illustrated route map: pick a day of the week and the van drives along the route to that day's pitch with MotionPathPlugin, wheels turning, exhaust puffing on arrival, each pin revealing a photo of its pitch.
- **2026-07-22** — [Scroll Velocity Skew](https://gsapvault.com/effects/scroll-velocity-skew) (effect, paid): Kinetic type that smears with scroll speed (shear, stretch, motion blur and chromatic fringing in one velocity-driven response) then whips back line by line with an elastic overshoot.
- **2026-07-22** — [Bookshop Template](https://gsapvault.com/templates/bookshop-template) (template, paid): A complete one-page site for an independent bookshop, built around a spine wall: a shelf of art-directed CSS book spines where pulling one tips the book out in 3D and opens it on the table below, cover and staff blurb on facing pages.
- **2026-07-22** — [Tattoo Studio Template](https://gsapvault.com/templates/tattoo-studio-template) (template, paid): A complete one-page site for a tattoo studio, built around a flash-sheet picker: choose a design off the sheet and watch its linework ink itself stroke by stroke with DrawSVG, black lines first, red packed in last.
- **2026-07-22** — [Link in Bio Template](https://gsapvault.com/templates/link-in-bio-template) (template, free): A free creator profile page whose link cards toss onto the page like stickers landing on a desk, drag anywhere with momentum, and tween back into a neat stack on 'Tidy up' - while a tap always just opens the link.
- **2026-07-22** — [Wedding Template](https://gsapvault.com/templates/wedding-template) (template, paid): A wedding one-pager with one job, getting guests to RSVP, built as a stationery suite on champagne and card stock, with a reply card that writes itself in typewriter text and posts itself in an envelope on submit.
- **2026-07-22** — [Charity Campaign Template](https://gsapvault.com/templates/charity-campaign-template) (template, free): A free one-page river-restoration appeal built around a draggable before/after comparator: a gauge-board divider wipes between the degraded and the restored river, and every figure on the page counts like a reading.
- **2026-07-21** — [Coming Soon Template](https://gsapvault.com/templates/coming-soon-template) (template, free): A free single-screen holding page dressed as a picture house: a projector beam rakes across a dark auditorium, a house light wanders the room, and the countdown is an Academy leader whose sweep hand turns continuously while the day count cuts once a day.
- **2026-07-21** — [Gym Template](https://gsapvault.com/templates/strength-gym-template) (template, paid): One-page site for any gym or coach selling a programme rather than a class list: strength gyms, barbell clubs, powerlifting, online coaching. The signature is a one-rep-max calculator that prescribes every week of a twelve-week block and draws the plates you actually have to load.
- **2026-07-21** — [Podcast Template](https://gsapvault.com/templates/podcast-show-template) (template, paid): One-page site for any audio show that needs a home outside the platforms: podcasts, radio, mixtapes, lecture archives. The signature is a real drag-to-scrub waveform player with chapter markers over an expanding episode index, on a deep wine ground with one hot pink accent.
- **2026-07-21** — [Coffee Shop Template](https://gsapvault.com/templates/coffee-roaster-template) (template, paid): One-page shop for any independent seller with a short, curated range: coffee, tea, bakery, deli, farm shop. The signature is a working demo basket with a fly-to-basket arc, option selection and a live subtotal. Shown as a small-batch coffee roaster on an espresso ground with one acid-green accent.
- **2026-07-21** — [Holiday Let Template](https://gsapvault.com/templates/holiday-let-template) (template, paid): A complete one-page site for a single holiday cottage or cabin, built around a draggable date-range availability calendar that refuses to span nights already taken and prices every night on its own season.
- **2026-07-21** — [Beauty Salon Template](https://gsapvault.com/templates/nail-studio-template) (template, paid): One-page site for any business whose product is a colour or a finish: nails, hair colour, paint, tile, textiles, framing. The signature is a live try-on that paints a photographed hand coat by coat as you pick a shade, on a butter ground with one lacquer red. Shown as a boutique nail studio.
- **2026-07-20** — [Appointment Booking Template](https://gsapvault.com/templates/barber-shop-template) (template, paid): One-page site for any business where the customer picks a person, a service and a time. A three-step booking flow with a running summary ticket is the signature; the demo dresses it as a barber shop, and five palette-and-type presets re-point it.
- **2026-07-20** — [Real Estate Template](https://gsapvault.com/templates/real-estate-template) (template, paid): A four-page estate agency site on a deep petrol ground, with a GSAP Flip shared-element transition that carries a listing photograph across a real page navigation into the property hero.
- **2026-07-20** — [Yoga Studio Template](https://gsapvault.com/templates/wellness-studio-template) (template, paid): One-page site for any studio that runs a weekly timetable: yoga, pilates, barre, breathwork, small gyms. A full-week class timetable and an interactive 4-7-8 breath guide are the signatures, on a saturated terracotta ground rather than the sector's beige and sage. Shown as a yoga and movement studio.
- **2026-07-20** — [Photography Portfolio Template](https://gsapvault.com/templates/photography-portfolio-template) (template, paid): One-page portfolio for any photographer presenting bodies of work: documentary, editorial, landscape, photojournalism. The signature is a loupe, a circular magnifier that tracks the cursor across a desaturated contact sheet and is the only place colour appears, on a mid-tone gallery-wall ground with print editions and commissions.
- **2026-07-20** — [SaaS Landing Page Template](https://gsapvault.com/templates/saas-landing-template) (template, paid): A hard-edged Swiss landing page for a B2B software product, built around an interactive product mockup: switching feature tabs redraws the mini-UI inside the app window, so visitors drive the console instead of looking at a screenshot of it.
- **2026-07-20** — [Landing Page Template](https://gsapvault.com/templates/landing-page-template) (template, paid): A vertical-agnostic one-page site whose identity is structural: bands alternate hard between two tones, and the fixed nav and reading rail invert themselves against whichever band is behind them, swapped by a ScrollTrigger per band.
- **2026-07-20** — [Developer Portfolio Template](https://gsapvault.com/templates/developer-portfolio-template) (template, paid): A one-page portfolio for a solo engineer, built around a workbench panel where each snippet types itself out character by character while the preview beside it builds, then runs the exact code you just read.
- **2026-07-20** — [Resume Template](https://gsapvault.com/templates/resume-template) (template, paid): A personal CV site that morphs between two layouts: a signature Flip-driven toggle reflows the whole page from a spacious web resume into an A4 document, backed by a real print stylesheet so the site is also the PDF.
- **2026-07-18** — [Clothing Brand Template](https://gsapvault.com/templates/fashion-drop-template) (template, paid): One-page drop site for any brand launching a limited release: clothing, sneakers, prints, collectibles. Live countdown in the hero and sticky bar, a draggable lookbook card deck, a scarcity-driven product grid and a first-access waitlist built for conversion. Shown as a streetwear label.
- **2026-07-18** — [Architecture Firm Template](https://gsapvault.com/templates/architecture-studio-template) (template, paid): One-page site for any practice that shows built or made work: architects, engineers, landscape and interiors. The hero draws a blueprint elevation in linework as you scroll and crossfades into the photograph, over a project index with live preview swaps, count-up stats and a parallax featured project.
- **2026-07-18** — [Restaurant Template](https://gsapvault.com/templates/restaurant-template) (template, paid): A complete one-page restaurant site with a candlelit dark art direction: full-bleed photo hero with a spaced-caps wordmark reveal, and a signature hover image trail that conjures dish photographs as the cursor moves across the tasting menu.
- **2026-07-18** — [Product Launch Template](https://gsapvault.com/templates/product-launch-template) (template, paid): A complete one-page product launch site built from GSAP Vault effects: bouncy word-pop hero with rising fizz, rotating badge, ink ticker, elastic sticker cards, and a pinned flavour switcher that retints the whole section as you scroll.
- **2026-07-18** — [Music Festival Template](https://gsapvault.com/templates/music-festival-template) (template, paid): An editorial three-day festival site with an interactive vinyl hero, accessible lineup filters, dependable nightly timetables, selectable venue gallery, sponsor logo system, tickets, and practical information.
- **2026-07-18** — [Creative Portfolio Template](https://gsapvault.com/templates/creative-portfolio-template) (template, paid): A complete one-page studio portfolio built from GSAP Vault effects: split-text hero, client logo marquee, stagger grid work section, pinned horizontal case studies, count-up stats, and magnetic buttons.
- **2026-07-17** — [Scroll Path Journey](https://gsapvault.com/effects/scroll-path-journey) (effect, paid): Responsive SVG motion path storytelling with GSAP MotionPathPlugin and ScrollTrigger. A marker follows a route drawn down the page while checkpoints activate on scroll.
- **2026-07-15** — [SVG Blob Morph](https://gsapvault.com/effects/svg-blob-morph) (effect, paid): Organic blob masks that morph between shapes with MorphSVGPlugin. Portraits live inside drifting blobs that settle into a circle on hover.
- **2026-07-15** — [Draggable Card Stack](https://gsapvault.com/effects/draggable-card-stack) (effect, paid): Swipeable card deck powered by Draggable and InertiaPlugin. Throw the top card to send it to the back; momentum decides dismiss or spring-back, and the rest of the page follows whichever card is on top.
- **2026-07-05** — [Horizontal Scroll Section](https://gsapvault.com/effects/horizontal-scroll-section) (effect, paid): A pinned section where vertical scroll pans a row of full-viewport panels sideways, with snap to panel edges, per-element parallax and a progress readout driven by the same timeline.
- **2026-07-05** — [Hover Image Trail](https://gsapvault.com/effects/hover-image-trail) (effect, paid): Velocity-aware image trail for a list of links: layered card drift, directional tilt, staggered decay, and static touch previews. Every card keeps its own photograph's shape. Pure GSAP core.
- **2026-07-05** — [SVG Line Draw on Scroll](https://gsapvault.com/effects/svg-line-draw) (effect, paid): SVG paths draw themselves as you scroll using the stroke-dasharray technique. Scrubbed or play-once modes, works on any SVG shape, no DrawSVG plugin required.
- **2026-07-05** — [Count-Up Stats](https://gsapvault.com/effects/count-up-stats) (effect, paid): Entry- or scroll-triggered number counters with locale-aware formatting, staggered reveals, synchronized progress visuals, and optional replay.
- **2026-07-05** — [Hover Underline](https://gsapvault.com/effects/hover-underline) (effect, free): Four material link underlines (an exit-through line, marker sweep, hand-drawn wave, and an endlessly travelling wave) with coordinated type and active-index responses.
- **2026-07-05** — [Image Clip Reveal](https://gsapvault.com/effects/image-clip-reveal) (effect, free): A cinematic image reveal where a directional polygon aperture opens as the photograph settles from a restrained Ken Burns scale and its caption lands.
- **2026-07-05** — [Parallax Hero](https://gsapvault.com/effects/parallax-hero) (effect, free): A pinned hero that pulls its layers into depth from one scrubbed ScrollTrigger: a headline sandwiched inside the stack, ridges or photographs climbing over it, and a sun that sets behind the far layer.
- **2026-07-05** — [Typewriter Text](https://gsapvault.com/effects/typewriter-text) (effect, free): A typewriter that types a line character by character, holds it, accelerates through deletion, and cycles to the next phrase, with optional cursor, status and progress hooks.

## April 2026

- **2026-04-03** — [Canvas Shape Vortex](https://gsapvault.com/effects/canvas-shape-vortex) (effect, paid): A photoreal spiral galaxy on a 2D canvas: logarithmic arms, clustered star fields, additive bloom and diffraction spikes, flown by scroll and pointer with no WebGL.

## March 2026

- **2026-03-15** — [Canvas Particle Flow](https://gsapvault.com/effects/canvas-particle-flow) (effect, paid): An ember-toned Canvas 2D flow field that bends into a dense wake around pointer, touch, and keyboard attraction before dispersing organically.
- **2026-03-14** — [Cursor Confetti Trail](https://gsapvault.com/effects/cursor-confetti-trail) (effect, paid): A responsive GSAP confetti trail that turns fast pointer sweeps and touch drags into colourful, directional ribbons of tumbling geometric particles.

## February 2026

- **2026-02-23** — [Scroll Image Sequence](https://gsapvault.com/effects/scroll-image-sequence) (effect, paid): Cinematic canvas frame scrubbing with an expanding aperture, synchronized caption crossfades, and reversible scroll progress.
- **2026-02-17** — [FLIP Layout Morph](https://gsapvault.com/effects/flip-layout-morph) (effect, paid): Shared-element layout transitions with GSAP Flip: a grid tile travels into a detail view while its neighbours reflow into a strip, swaps with any of them in one crossing move, and returns to its exact slot.
- **2026-02-08** — [Elastic Stack Cards](https://gsapvault.com/effects/elastic-stack-cards) (effect, paid): Stacked cards that spring open into a fan. Three fan shapes, opened by hover, focus, tap or an external button, with click-to-front card selection.
- **2026-02-01** — [Cursor Trail Effect](https://gsapvault.com/effects/cursor-trail) (effect, paid): A portable editorial cursor with dot-and-ring lag, velocity afterimages, elastic target labels, colour morphs, and touch previews.

## January 2026

- **2026-01-29** — [Scroll Progress Indicator](https://gsapvault.com/effects/scroll-progress) (effect, free): A precise GSAP reading-progress indicator in four shapes: a top bar, an SVG ring, a side rail, and a numeric percentage.
- **2026-01-27** — [Scroll Hijack Sections](https://gsapvault.com/effects/scroll-hijack-sections) (effect, paid): Five pinned editorial chapters that assemble word by word as you scroll. Slides from both edges, a vertical rise and a blur-to-sharp reveal, with a velocity lean that settles after every flick.
- **2026-01-27** — [CSS Scroll Reveal](https://gsapvault.com/effects/css-scroll-reveal) (effect, free): Native CSS scroll-driven reveals for crisp fade, slide, and scale entrances with accessible static fallbacks and no animation JavaScript.
- **2026-01-20** — [Stagger Grid Reveal](https://gsapvault.com/effects/stagger-grid-reveal) (effect, paid): Directional GSAP grid reveals that send tiles through corner, center, edge, axis, or random waves with cinematic rotation, scale, blur, and optional focus-aware tilt.
- **2026-01-15** — [Text Hover Distortion](https://gsapvault.com/effects/text-hover-distortion) (effect, paid): Characters react to cursor proximity with push, pull, wave, or rotation effects. The pointer field can be read from a whole section, buttons anywhere on the page can switch mode live, and a second channel can tint or blur the characters nearest the pointer.
- **2026-01-10** — [Glitch Text Effect](https://gsapvault.com/effects/glitch-text) (effect, paid): A GSAP glitch effect in four styles: displacement shift, RGB chromatic aberration, VHS scan slice and character-level chaos. Hover, click, scroll or interval.
- **2026-01-05** — [Split Text Stagger Reveal](https://gsapvault.com/effects/split-text-reveal) (effect, paid): Cinematic split-text reveals with masked movement, 3D rotation, blur, color-fringe energy, and a sharp staggered settle.

## December 2025

- **2025-12-28** — [Liquid Morph Hover Effect](https://gsapvault.com/effects/liquid-morph) (effect, paid): A GSAP liquid morph hover effect: images and headlines melt into viscous liquid, then reform. SVG filters, an optional WebGL shader, and a whole-page melt.
- **2025-12-20** — [Magnetic Cursor Effect](https://gsapvault.com/effects/magnetic-cursor) (effect, paid): Elements attract or repel from the cursor with elastic physics. Perfect for buttons, navigation items, and CTAs on award-winning sites.
- **2025-12-15** — [Text Scramble Decode](https://gsapvault.com/effects/text-decode) (effect, paid): A GSAP scramble text effect: characters cycle through random glyphs, then decode into the real text. Scroll, hover, click or auto-play, in any accent colour.
- **2025-12-10** — [Infinite Draggable Gallery](https://gsapvault.com/effects/infinite-draggable-gallery) (effect, paid): Draggable gallery with infinite looping, fisheye center-scale, and momentum physics. Drag any direction to explore: cards near center grow larger.
- **2025-12-05** — [Infinite Marquee with Mouse Control](https://gsapvault.com/effects/infinite-marquee) (effect, paid): Continuous scrolling marquees with mouse-based speed control. Rewind, pause, or fast-forward with cursor position. Uses GSAP quickTo for 60fps.
- **2025-12-01** — [3D Card Flip Gallery](https://gsapvault.com/effects/3d-card-flip) (effect, free): Tactile GSAP 3D cards with deep perspective, reactive edge lighting and shifting shadows. Flip on hover, keyboard focus or tap, with grouped auto-close.

---

Full catalog for agents: https://gsapvault.com/llms-full.txt