62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T441,

Just shipped: CineDock Slider 🎬

A full-viewport parallax slider with a glass dock that auto-scrolls to follow your slides. Add up to 20 images from the Property Panel — or connect the image slots to your CMS and let clients manage slides without ever opening the canvas.

My favorite detail: jump from slide 2 to slide 14 and it animates as one clean cinematic step — no filmstrip chaos flying across the screen.

Built for photography portfolios, interiors, real estate, and heroes that need to hit hard on first load.

✦ CMS-ready image slots

✦ Auto-scrolling glass thumbnail dock

✦ 4 curated easing curves + parallax depth

✦ Responsive thumb sizes per breakpoint

Live preview : https://calm-gibbon-082209.framer.app/

Would love feedback from anyone building image-heavy sites 👇

64:T71c,

CineStrip Slider turns your images into a full-viewport, cinematic slideshow with layered parallax motion and a glass filmstrip dock that always keeps the active slide in view.

Add images one by one in the Property Panel — a new slot appears as you fill each one, up to 20 slides. No code, no setup headaches: drop it on the canvas, add images, publish.

WHY IT FEELS PREMIUM

The dock auto-scrolls to center the active thumbnail, so even large galleries navigate effortlessly. Slides move with a subtle parallax depth effect, driven by four hand-picked easing curves — including the silky in-out favored by award-winning portfolio sites.

FEATURES

• Up to 20 images with parallax slide transitions

• Auto-scrolling glass dock with rounded thumbnails and an active ring

• Smart navigation: click any thumbnail and distant slides animate as one clean step — no filmstrip flying past

• 4 curated easing curves + adjustable duration (0.3–2s)

• Per-breakpoint thumbnail sizes for desktop, tablet, and phone

• Thumbnail ratio and corner radius controls to match your brand

• Height modes: fill the frame, viewport-based (VH), or fixed pixels

• Keyboard navigation (arrow keys) and accessible labels

• Optimized for the canvas: fully static on the editor and in exports

• Zero dependencies — one lightweight code component

GREAT FOR

Photography portfolios, interior design and architecture showcases, real estate listings, product galleries, and hero sections that need to make a first impression.

SETUP

1. Add Filmstrip Slider to your page

2. Fill the Image slots in the Property Panel

3. Tune the ease, duration, and dock style

4. Publish

65:T88b,

Drag Parallax Slider is a premium, interaction-first slideshow for Framer that turns a handful of images into a tactile, cursor-driven browsing experience. Built around fluid drag physics, layered parallax motion, and a floating thumbnail dock — designed for hero sections that feel alive from the first scroll.

Built on a custom drag engine, each slide responds to pointer velocity and direction, creating motion that feels physical on both desktop and touch.

Perfect for portfolio heroes, agency landing pages, product launches, and real estate showcases that want their opening impression to feel designed, not templated.

Key Features

Fluid Drag & Parallax Engine

Velocity-aware drag with momentum-based release
Layered parallax between slide and image layers
Smooth tie-break handling for even slide counts
Keyboard navigation (arrow keys)

Custom Smooth Cursor

Animated "Drag" pill replaces native cursor on hover
Spring-based follow motion, auto-disables on touch
Per-element cursor overrides via data attributes

Floating Thumbnail Dock

Position left, right, top, or bottom
Fully responsive across breakpoints
Optional auto-hide on mobile
Active-slide indicator with accent ring

Flexible Height Controls

Fill, Viewport (VH), or Fixed (PX) modes

Customizable Motion

4 easing curves (Quart Out, Silk InOut, Quint InOut, Soft Out)
Adjustable slide duration and release easing

Fully Customizable Design

Adjustable accent color, thumbnail sizes per breakpoint
Show/hide sidebar and cursor independently

Perfect For Portfolio Heroes, Creative Agencies, Real Estate, Product Launches, Photography Sites, Brand Landing Pages

Support Need help customizing? Feel free to contact me. Email: amansupport45@gmail.com

66:T859,

InkFill — Scroll-Driven Ink-Fill Text Reveal

InkFill is a plug-and-play Framer component that animates your text with a smooth ink-fill highlight as users scroll. Drop it into any section, set your colors, and get refined, on-brand motion — no timelines, keyframes, or Code Overrides.

Built on GSAP and SplitType, it splits your text into real characters or words and animates each with precise timing tied to scroll position, giving your pages the polish of a custom-coded site with none of the setup.

Five reveal directions to match your section's mood:

Bottom → Top — classic upward fill for headlines
Top → Bottom — fills downward for descending hierarchy
Left → Right — natural reading-direction sweep
Right → Left — reverse sweep for emphasis
Center Out — dramatic, balanced fill from the middle

Pin Section toggles how it plays. Off: lines reveal naturally as they enter the viewport, each tracking its own scroll position. On: the section locks while lines reveal one by one — perfect for cinematic, scroll-locked hero moments.

Typography uses native Framer font controls, so text styles like any other layer. A built-in ResizeObserver re-splits lines on resize, so responsive behavior is handled for you. Fine-tune with Pin Start and Pin Length in pin mode, or Scroll Start and Scroll End when not.

Key features

Scroll-driven ink-fill text reveal
Five reveal directions
Pin Section mode for scroll-locked reveals
Reveal by character or word
Adjustable Scroll/Pin timing controls
Native Framer font controls
Fully responsive — auto re-splits on resize
Multiple independent instances per page

Refund Policy

Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure InkFill works correctly in your project.

67:T8cb,

TextScroll — Scroll-Driven Three-Stage Color Text Reveal

TextScroll is a plug-and-play Framer component that animates your text colors as users scroll. Each character, word, or line flows through a refined three-stage color transition — giving headlines the polish of a custom-coded site, with none of the setup.

Built on GSAP ScrollTrigger and SplitType, it splits your text into visual units and tracks each against scroll position with smooth, frame-perfect timing.

The three-stage color flow is the heart of it. Where typical scroll text fades between two colors, TextScroll passes each unit through three states — a resting Initial color, a brief Accent flash as the scroll passes through, and a settled Final color. Accent Duration tunes that middle state from a punchy flash to a held, dramatic moment.

Three reveal modes:

Character — each letter shifts one by one for bold statements
Word — words transition together for readable body copy
Line — full lines fade through for cinematic reveals

Toggle Pin Section to lock the text in place while the user scrolls, playing the color animation across the pinned distance — perfect for hero and storytelling moments. Pin Start controls exactly where the section locks.

Typography uses native Framer font controls, so text styles like any other layer. Only units that change per frame animate, keeping scroll smooth on long paragraphs.

Key features

Three-stage color reveal: Initial → Accent → Final
Three modes: Character, Word, Line
Pin Section mode for scroll-locked reveals
Adjustable Pin Start, Scroll Start, Scroll End, Accent Duration
Native Framer font controls
Optimized — only animates changed units per frame
Multiple independent instances per page

Refund Policy

Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure TextScroll works correctly in your project.

68:T92b,

TextReveal — Premium Scroll & Load Text Animation for Framer

TextReveal is a high-performance text animation component for Framer. It reveals headlines and paragraphs with refined motion — on page load or as text scrolls into view — giving any section the polish of a custom-coded site without timelines, keyframes, or Code Overrides.

Built with GSAP and SplitType, it splits your text into real visual lines or words and animates each with precise, controllable timing while staying fully responsive across every screen size.

Perfect for SaaS landing pages, startup sites, creative portfolios, digital agencies, product launches, studio sites, and personal brands built in Framer.

What It Does Instead of text that simply appears, your copy enters with deliberate motion. Drop TextReveal into any section, type your copy, and choose how it animates. Each line or word reveals with controlled easing and staggered timing — editorial polish usually reserved for hand-coded sites. No flickering. No jumpy reflow.

Three Reveal Styles

Clip Path Reveal — lines slide up behind a clip-path mask for bold headlines
Mask Reveal — words rise word-by-word for elegant, paced storytelling
Blur Reveal — words fade in from blurred to sharp for atmospheric intros

Two Playback Modes

On — reveal plays when text enters the viewport, zero setup
Off — reveal plays on mount, perfect for above-the-fold hero text

Key Features

Self-triggering scroll animation, no Code Overrides
Fully responsive typography, auto re-splits on resize
Native Framer font controls — fonts, weight, size, spacing
Trigger Point slider (0-100%) for exact scroll timing
Adjustable stagger for line/word pacing
Multiple independent instances per page, no conflicts

Refund Policy: Due to the digital nature of this product, all sales are final and refunds are not available.

Support Need help customizing? Contact me. Email: amansupport45@gmail.com

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-990963a3-803e-491f-a26c-d4750f41b16f-all:/unified/creator/990963a3-803e-491f-a26c-d4750f41b16f/activity/":[{"data":[{"id":"01a0af0b-8d39-7109-84d0-4e445ddd7664","type":"creator.followed","target":{"type":"creator","id":"459ad342-8ba5-4072-b727-d7b285daa00a","preview":"Framebrick","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29210/Framebrick_Logo__4_-BqcMvziU9KszvQRJNuBsU27d5AdWoR.png","slug":"framebrick","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:06:04.979Z","latestAt":"2026-09-17T11:06:04.979Z"},{"id":"01a0af0b-8b01-76a0-a4b8-d21784b96744","type":"creator.followed","target":{"type":"creator","id":"328220bb-c6fa-432c-a03c-21adb820f1e4","preview":"Kevin James","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/386980/avatar-Rvwb7RfBEsjBIt7GWHl3SPuHRBC9c9.jpg","slug":"kevin-james","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:06:04.413Z","latestAt":"2026-09-17T11:06:04.413Z"},{"id":"01a0af0b-80bf-724b-a27a-f1500e73087a","type":"creator.followed","target":{"type":"creator","id":"6f3d8ef7-79c6-45ae-b4ca-9629b345d69d","preview":"Naha 1","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/6f3d8ef7-79c6-45ae-b4ca-9629b345d69d/SsHoUgqzt","slug":"naha-1","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:06:01.771Z","latestAt":"2026-09-17T11:06:01.771Z"},{"id":"01a0af0b-63a3-71ac-a87d-a677e8837d13","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:05:54.326Z","latestAt":"2026-09-17T11:05:54.326Z"},{"id":"01a0af0b-55c3-739e-b42a-14dd02bf84e8","type":"creator.followed","target":{"type":"creator","id":"ffa09057-21bc-47ab-8deb-9028e0a74be1","preview":"Outumn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ffa09057-21bc-47ab-8deb-9028e0a74be1/t0nog86g","slug":"outumn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T11:05:50.759Z","latestAt":"2026-09-17T11:05:50.759Z"},{"id":"01a0a044-52f3-730d-b61c-381df87cc56c","type":"creator.followed","target":{"type":"creator","id":"37dde9d1-e8de-44f2-bc46-ce9feda1c279","preview":"Jon frança","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/37dde9d1-e8de-44f2-bc46-ce9feda1c279/ojod5cky","slug":"jonata-franca","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T14:13:47.370Z","latestAt":"2026-09-14T14:13:47.370Z"},{"id":"01a0a044-5019-77ef-b3cf-3de1a74c31eb","type":"creator.followed","target":{"type":"creator","id":"2f55103a-4b82-4d51-a337-44f76f957da7","preview":"FloNocode","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/311959/SCK4A_fMs-6c6lp9IGR2X3h13kolzKPC9G53ONGu","slug":"flonocode","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T14:13:46.645Z","latestAt":"2026-09-14T14:13:46.645Z"},{"id":"01a0a044-4e0b-75d8-a935-5ff1e9baf4d9","type":"creator.followed","target":{"type":"creator","id":"bb7d2893-2331-4d4a-97f2-a4b8db1b46d1","preview":"RMD Digital Solutions","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/545843/avatar-1YT7Tc3iI2Qy7dmuvouzaiHjikRRNu.jpg","slug":"rmdstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T14:13:46.116Z","latestAt":"2026-09-14T14:13:46.116Z"},{"id":"01a0a044-4294-7189-958d-2cdc5208a334","type":"creator.followed","target":{"type":"creator","id":"cd599e7e-e6a7-46b5-ae44-92952dd91f39","preview":"Darius","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd599e7e-e6a7-46b5-ae44-92952dd91f39/458kbzvp","slug":"darius-pasecinic","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T14:13:43.171Z","latestAt":"2026-09-14T14:13:43.171Z"},{"id":"01a0a044-0228-74fe-ae18-943ba5b8962e","type":"creator.followed","target":{"type":"creator","id":"793a222e-4dca-4137-857f-8869cf547c60","preview":"WALEED EJKHIDEM","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/793a222e-4dca-4137-857f-8869cf547c60/jh579IKa1","slug":"waleed-ejkhidem","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T14:13:26.690Z","latestAt":"2026-09-14T14:13:26.690Z"},{"id":"01a09a89-3522-74c8-84c2-3732c2408148","type":"template.liked","target":{"type":"template","id":"72934","preview":"Department","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/872bcadf-804f-4ead-9f26-a44f070dfca7/01a09e48-80a7-76ec-bf88-7ba98179b959.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T11:31:18.420Z","latestAt":"2026-09-13T11:31:18.420Z"},{"id":"01a09a89-2ff7-73aa-a46a-b17dc552ffc7","type":"template.liked","target":{"type":"template","id":"72915","preview":"Klynto","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23702b39-dda6-4ff7-94d2-9633272a8c88/01a09672-0d09-73d9-940a-5c0fcbf7d918.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T11:31:17.099Z","latestAt":"2026-09-13T11:31:17.099Z"},{"id":"01a09a89-292a-72dc-b939-e939a813284e","type":"post.liked","target":{"type":"post","id":"01a0951c-52b0-768a-9942-31ca2568c1ac","preview":"Bad news for Framer, I woke up.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bad news for"},{"type":"text","text":" Framer, I","marks":[{"type":"bold"}]},{"type":"text","text":" woke up."}]}]},"thumbnail":"https://image.mux.com/011XwjthsfcBceW2oV00AGagujDSe02hAwTZ01wsWVl6kzU/thumbnail.webp?time=0","targetDeleted":false,"owned":false,"actions":{"postId":"01a0951c-52b0-768a-9942-31ca2568c1ac","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T11:31:15.364Z","latestAt":"2026-09-13T11:31:15.364Z"},{"id":"01a09a89-22d7-752d-95b9-587cab33444d","type":"template.liked","target":{"type":"template","id":"72943","preview":"Meridiana","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/793a222e-4dca-4137-857f-8869cf547c60/01a09a3c-c9f7-74ed-ad2d-0033a29472ee.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T11:31:13.738Z","latestAt":"2026-09-13T11:31:13.738Z"},{"id":"01a09a89-1cd0-740d-850d-40897ea41d7e","type":"post.liked","target":{"type":"post","id":"01a094e9-22f1-7308-ab93-4085d050dbca","preview":"Most nav links underline or scale the whole word.\nWave Dot Link — Free Component for Framer\nWave Dot Link races a marker along the baseline while letters lift, tilt, and settle — spring travel, not a flat hover.\nDot, dash, or square. Hover or click.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most nav links underline or scale the whole word."}]},{"type":"paragraph","content":[{"type":"text","text":"Wave Dot Link — Free Component for Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/wave-dot-link","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Wave Dot Link races a marker along the baseline while letters lift, tilt, and settle — spring travel, not a flat hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Dot, dash, or square. Hover or click."}]}]},"thumbnail":"https://image.mux.com/R102V01jTZzypFh5VaFwhs0186McHV6jMcsUn2Xb01BQjs00/thumbnail.webp?time=4.8","targetDeleted":false,"owned":false,"actions":{"postId":"01a094e9-22f1-7308-ab93-4085d050dbca","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T11:31:12.203Z","latestAt":"2026-09-13T11:31:12.203Z"},{"id":"01a09a89-17de-7590-a740-21479def53c7","type":"post.liked","target":{"type":"post","id":"01a094ce-9e60-7047-a9e9-a605e38a4467","preview":"2nd Version of Hero - architectural studio site","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2nd Version of Hero - architectural studio site"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/794b13f2-c2fb-43c2-aa24-1244e20e014c/01a0949b-a845-7676-8007-8915f3baacdc.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a094ce-9e60-7047-a9e9-a605e38a4467","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T11:31:10.868Z","latestAt":"2026-09-13T11:31:10.868Z"},{"id":"01a09a7f-0997-7628-b2a7-bc1ac351869a","type":"component.liked","target":{"type":"component","id":"pCgZpnz92ZoocvnggdEM","preview":"3D Media Corridor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/01a099e3-ca13-72a5-9dfe-7c9fc28217b0.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T11:20:11.914Z","latestAt":"2026-09-13T11:20:11.914Z"},{"id":"01a09a7e-fcef-75bf-ab40-ee8987c71e1e","type":"template.liked","target":{"type":"template","id":"72956","preview":"REPRISE","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/181c0bc9-9ebe-4966-ad87-9bad72599749/01a09a0a-bef9-7555-b241-1cc2e419ad20.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T11:20:08.683Z","latestAt":"2026-09-13T11:20:08.683Z"},{"id":"01a09a7e-f59e-770c-8731-6d34ab81c219","type":"post.liked","target":{"type":"post","id":"01a09a16-e2cf-715d-8e42-a10bad394595","preview":"Something is coming...","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Something is coming..."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8b5b6411-55a5-4287-9ff6-6879c6a5dd3f/01a09a23-294d-7539-af4c-8606aadb4048.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a09a16-e2cf-715d-8e42-a10bad394595","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T11:20:06.810Z","latestAt":"2026-09-13T11:20:06.810Z"},{"id":"01a09a7e-a264-711d-8eb4-0cb6f1152277","type":"post.liked","target":{"type":"post","id":"01a09a37-f505-73ed-b0f6-0dac0ca8ba60","preview":"Areal – Now available in Framer.\nA minimal template for creative studios and independent creatives.\nBuilt around strong typography, considered layouts, and subtle interactions with enough flexibility to make it your own.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Areal – Now available in Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A minimal template for creative studios and independent creatives."}]},{"type":"paragraph","content":[{"type":"text","text":"Built around strong typography, considered layouts, and subtle interactions with enough flexibility to make it your own."}]}]},"thumbnail":"https://image.mux.com/gpsL01jsmZxmU9roiZsSgkd01x8f00VkDA7OcDdMXLgeXM/thumbnail.webp?time=2.667","targetDeleted":false,"owned":false,"actions":{"postId":"01a09a37-f505-73ed-b0f6-0dac0ca8ba60","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","slug":"aman-qureshi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T11:19:45.503Z","latestAt":"2026-09-13T11:19:45.503Z"}],"pagination":{"next":"MjAyNi0wOS0xM1QxMToxOTo0NS41MDNafDAxYTA5YTdlLWEyNjQtNzExZC04ZWI0LTBjYjZmMTE1MjI3Nw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:990963a3-803e-491f-a26c-d4750f41b16f:/unified/posts/?creator=990963a3-803e-491f-a26c-d4750f41b16f&with=reposts":[{"data":[{"id":"01a04e5c-dd1a-71c8-873a-0402bbaf5537","title":null,"body":"

Designers spend 20 minutes hunting Figma templates just to put a website screenshot on a nice background.

So I built this into Mockship:

Drop your full screenshot. Pick a background. Ship it.

No frames. No devices. Just your website looking like it belongs in a portfolio.

Stop designing the showcase. Start shipping it 👇

mockship.app — coming soon. 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers spend 20 minutes hunting Figma templates just to put a website screenshot on a nice background."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built this into Mockship:"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop your full screenshot. Pick a background. Ship it."}]},{"type":"paragraph","content":[{"type":"text","text":"No frames. No devices. Just your website looking like it belongs in a portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"Stop designing the showcase. Start shipping it "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"mockship.app","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://mockship.app","target":"_blank"}}]},{"type":"text","text":" — coming soon. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a04e5c-6b2a-7367-86d5-58d0056678b0.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2880,"height":2161}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a04e5c-6f0a-71a7-adf6-a35c332cfec9.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a04e5c-6b32-7086-a1a5-a3916d2d6b27.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2700,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T16:31:43.902Z","updatedAt":"2026-08-29T16:31:43.902Z"},{"id":"01a037e0-a2c6-74fb-b4cd-b1ca85aa4f36","title":null,"body":"

Every landing page needs a product shot in the hero. And it's always the last thing you do, at 11pm, when the rest of the site is already done.

I've been building Mockship to make that part take two minutes instead of forty.

15 templates so far. Each one is a finished setup — background, browser or device frame, tilt, shadow, layout. Drop a screenshot in, export at up to 6K, drag it into your Framer project.

Screenshot Clean when the UI should carry it. Browser Frost for hero sections. Three Phones Dark for app pages. Browser Canopy when the shot needs to feel like it lives somewhere.

Adding more. If there's a style you keep rebuilding by hand for client sites, tell me — I'll make it a preset.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every landing page needs a product shot in the hero. And it's always the last thing you do, at 11pm, when the rest of the site is already done."}]},{"type":"paragraph","content":[{"type":"text","text":"I've been building Mockship to make that part take two minutes instead of forty."}]},{"type":"paragraph","content":[{"type":"text","text":"15 templates so far. Each one is a finished setup — background, browser or device frame, tilt, shadow, layout. Drop a screenshot in, export at up to 6K, drag it into your Framer project."}]},{"type":"paragraph","content":[{"type":"text","text":"Screenshot Clean when the UI should carry it. Browser Frost for hero sections. Three Phones Dark for app pages. Browser Canopy when the shot needs to feel like it lives somewhere."}]},{"type":"paragraph","content":[{"type":"text","text":"Adding more. If there's a style you keep rebuilding by hand for client sites, tell me — I'll make it a preset."}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a037e0-1ea3-72ad-becd-a7931e7247de.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1882,"height":837}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-25T07:44:23.754Z","updatedAt":"2026-08-25T07:44:23.754Z"},{"id":"01a00a32-2817-7316-81fd-eafbe0f54698","title":null,"body":"

Been quiet here lately — that's because I've been heads down building something.

Meet Mockship — a screenshot mockup editor I'm building from scratch.

Drop a screenshot. Pick a browser frame, device mockup, or go frameless. Style the background, tilt it, add your brand's favicon and URL. Export up to 6K in PNG, JPEG, or WebP.

Built for designers, devs, and creators who are tired of hunting Figma templates every time they need a clean showcase image.

Here are some exports made entirely inside the tool 👇

Launching end of this month at mockship

Would love to hear what features you'd want in something like this.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been quiet here lately — that's because I've been heads down building something."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet Mockship — a screenshot mockup editor I'm building from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a screenshot. Pick a browser frame, device mockup, or go frameless. Style the background, tilt it, add your brand's favicon and URL. Export up to 6K in PNG, JPEG, or WebP."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers, devs, and creators who are tired of hunting Figma templates every time they need a clean showcase image."}]},{"type":"paragraph","content":[{"type":"text","text":"Here are some exports made entirely inside the tool "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Launching end of this month at "},{"type":"text","text":"mockship","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://mockship.app","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what features you'd want in something like this."}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a00a32-0d89-776e-b512-006766583937.webp","metadata":{"tint":{"h":210,"s":58,"l":59},"width":2880,"height":2161}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a00a32-0d9b-7378-9a3d-c10f51ca543f.webp","metadata":{"tint":{"h":7,"s":57,"l":25},"width":2880,"height":2161}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a00a32-0dac-74be-a947-b2e1844780f7.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1440,"height":1080}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a00a32-0d9e-75e2-83fa-9c69c5d85a69.webp","metadata":{"tint":{"h":0,"s":0,"l":16},"width":2880,"height":2161}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/01a00a32-120b-726b-8a64-8bbe4816b006.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2397}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T10:50:54.364Z","updatedAt":"2026-08-16T10:50:54.364Z"},{"id":"019f9a4b-9df4-7709-be3e-ff5936e89cb3","title":null,"body":"

first sale on Cinestrip Slider 🎉parallax gallery slider for Framer, live on the marketplace.onto the next one.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"first sale on Cinestrip Slider "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":"parallax gallery slider for Framer, live on the marketplace.onto the next one."}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/019f9a4b-9333-73ec-9eb0-cdb86523290d.png","metadata":{"tint":{"h":180,"s":53,"l":42},"width":501,"height":196}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T17:21:14.744Z","updatedAt":"2026-07-25T17:21:14.744Z"},{"id":"019f958d-b52b-70b9-9799-46cd85801721","title":null,"body":"

TextScroll — three-stage scroll color reveal

Your text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top.

Plug in, pick three colors, ship.

Preview Link: https://textscrollwith3colors.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"TextScroll — three-stage scroll color reveal","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top."}]},{"type":"paragraph","content":[{"type":"text","text":"Plug in, pick three colors, ship."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://textscrollwith3colors.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://textscrollwith3colors.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/wurrhJXZL02WBdMTszQAm8dFkaYT6lpm9tMOqDpGKGkk.m3u8","metadata":{"posterUrl":"https://image.mux.com/wurrhJXZL02WBdMTszQAm8dFkaYT6lpm9tMOqDpGKGkk/thumbnail.webp?time=15.636","aspectRatio":"245:139","duration":18.73}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T19:15:19.983Z","updatedAt":"2026-07-24T19:15:19.983Z"},{"id":"019f8db8-cf13-753f-9401-66b4efe85b18","title":null,"body":"

CineStrip Slider v2 is live 🎬

20 image slots, CMS-ready, auto-centering dock, and buttery editor performance.

Free update for everyone who owns it.

Live on Marketplace now.

Preview Link: https://calm-gibbon-082209.framer.app/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CineStrip Slider v2 is live "},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"20 image slots, CMS-ready, auto-centering dock, and buttery editor performance."}]},{"type":"paragraph","content":[{"type":"text","text":"Free update for everyone who owns it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live on Marketplace now."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://calm-gibbon-082209.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://calm-gibbon-082209.framer.app/","target":"_blank"}}]}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/c9BYfG1i2xDrR42rJDaR00vyw01Ve4v00gF6RP5t4t00Po4.m3u8","metadata":{"posterUrl":"https://image.mux.com/c9BYfG1i2xDrR42rJDaR00vyw01Ve4v00gF6RP5t4t00Po4/thumbnail.webp?time=1.678","aspectRatio":"119:59","duration":18.17}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-07-23T06:50:16.720Z","createdAt":"2026-07-23T06:45:26.935Z","updatedAt":"2026-07-23T06:50:16.720Z"},{"id":"019f60f8-4833-72d7-9036-295c86e471d6","title":null,"body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped: "},{"type":"text","text":"CineDock","marks":[{"type":"bold"}]},{"type":"text","text":" Slider "},{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"A full-viewport parallax slider with a glass dock that auto-scrolls to follow your slides. Add up to 20 images from the Property Panel — or connect the image slots to your CMS and let clients manage slides without ever opening the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"My favorite detail: jump from slide 2 to slide 14 and it animates as one clean cinematic step — no filmstrip chaos flying across the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for photography portfolios, interiors, real estate, and heroes that need to hit hard on first load."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ CMS-ready image slots"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Auto-scrolling glass thumbnail dock"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ 4 curated easing curves + parallax depth"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Responsive thumb sizes per breakpoint"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview : "},{"type":"text","text":"https://calm-gibbon-082209.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://calm-gibbon-082209.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love feedback from anyone building image-heavy sites "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph"}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/019f60f3-d3cb-743f-818d-4916a1ee2bf2.png","metadata":{"tint":{"h":195,"s":36,"l":17},"width":1920,"height":1440}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T14:11:51.991Z","updatedAt":"2026-07-14T14:11:51.991Z"},{"id":"019f60f2-4646-7521-af1c-e6384ff966b7","title":null,"body":"

New component: CineStrip Slider 🎬

✦ Cinematic parallax transitions

✦ Auto-scrolling glass thumbnail dock

✦ Up to 20 images, added in clicks

✦ 4 curated easing curves

✦ Works beautifully on every breakpoint

Made for portfolios and showcase sites

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: CineStrip Slider ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"clapper","emoji":"🎬"}}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cinematic parallax transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Auto-scrolling glass thumbnail dock"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Up to 20 images, added in clicks"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ 4 curated easing curves"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Works beautifully on every breakpoint"}]},{"type":"paragraph","content":[{"type":"text","text":"Made for portfolios and showcase sites"}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BYl3OqmylP6RiDNKbA9k","resolved":true,"title":"CineStrip Slider","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CineStrip ","marks":[{"type":"bold"}]},{"type":"text","text":" Slider turns your images into a full-viewport, cinematic slideshow with layered parallax motion and a glass filmstrip dock that always keeps the active slide in view."}]},{"type":"paragraph","content":[{"type":"text","text":"Add images one by one in the Property Panel — a new slot appears as you fill each one, up to 20 slides. No code, no setup headaches: drop it on the canvas, add images, publish."}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT FEELS PREMIUM"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The dock auto-scrolls to center the active thumbnail, so even large galleries navigate effortlessly. Slides move with a subtle parallax depth effect, driven by four hand-picked easing curves — including the silky in-out favored by award-winning portfolio sites."}]},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Up to 20 images with parallax slide transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"• Auto-scrolling glass dock with rounded thumbnails and an active ring"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smart navigation: click any thumbnail and distant slides animate as one clean step — no filmstrip flying past"}]},{"type":"paragraph","content":[{"type":"text","text":"• 4 curated easing curves + adjustable duration (0.3–2s)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Per-breakpoint thumbnail sizes for desktop, tablet, and phone"}]},{"type":"paragraph","content":[{"type":"text","text":"• Thumbnail ratio and corner radius controls to match your brand"}]},{"type":"paragraph","content":[{"type":"text","text":"• Height modes: fill the frame, viewport-based (VH), or fixed pixels"}]},{"type":"paragraph","content":[{"type":"text","text":"• Keyboard navigation (arrow keys) and accessible labels"}]},{"type":"paragraph","content":[{"type":"text","text":"• Optimized for the canvas: fully static on the editor and in exports"}]},{"type":"paragraph","content":[{"type":"text","text":"• Zero dependencies — one lightweight code component"}]},{"type":"customHeading","content":[{"type":"text","text":"GREAT FOR"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Photography portfolios, interior design and architecture showcases, real estate listings, product galleries, and hero sections that need to make a first impression."}]},{"type":"customHeading","content":[{"type":"text","text":"SETUP"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Add Filmstrip Slider to your page"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Fill the Image slots in the Property Panel"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Tune the ease, duration, and dock style"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Publish"}]}]},"introduction":"A cinematic parallax slider","slug":"cinestrip-slider","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/019f8dc2-9f49-764b-8c3a-d325601ae026.png","metadata":{"tint":{"h":240,"s":17,"l":19},"width":1666,"height":825}}],"post":null,"createdAt":"2026-07-14T14:05:17.953Z","updatedAt":"2026-08-22T09:02:51.201Z","publishedAt":"2026-07-14T14:05:17.950Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://calm-gibbon-082209.framer.app/","price":"4","paymentUrl":"https://lumecomponent.lemonsqueezy.com/checkout/buy/04a1754f-062f-48ba-b4fc-176ee89e8bec","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Cz9oy3TWdTYH6S2oUCcV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T14:05:18.278Z","updatedAt":"2026-07-14T14:05:18.278Z"},{"id":"019f4d9f-d79d-73cb-8a89-011d6b822ae7","title":null,"body":"

Just launched my Parallax Slider CMS on the Framer Marketplace!

1000+ lines of code packed into a fully responsive component — viewport-aware sizing, per-breakpoint controls, sidebar toggle, all customizable from the panel, no code needed.

Would love for you to check it out and share feedback

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched my "},{"type":"text","text":"Parallax Slider CMS","marks":[{"type":"bold"}]},{"type":"text","text":" on the Framer Marketplace!"}]},{"type":"paragraph","content":[{"type":"text","text":"1000+ lines of code packed into a fully responsive component — viewport-aware sizing, per-breakpoint controls, sidebar toggle, all customizable from the panel, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love for you to check it out and share feedback "}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/019f4d9c-994c-7073-9160-f161b28f6129.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1280,"height":960}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-10T20:02:28.897Z","updatedAt":"2026-07-10T20:02:28.897Z"},{"id":"019f2d90-2213-777d-9587-14d342c12c59","title":null,"body":"

CMS Parallax Slider — a drag-driven slideshow with parallax depth, a custom cursor, and a floating thumbnail dock.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Parallax Slider — a drag-driven slideshow with parallax depth, a custom cursor, and a floating thumbnail dock."}]}]},"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"3o6Oqy7GiCYecFOcGlhO","resolved":true,"title":"Parallax Slider CMS","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Parallax Slider is a premium, interaction-first slideshow for Framer that turns a handful of images into a tactile, cursor-driven browsing experience. Built around fluid drag physics, layered parallax motion, and a floating thumbnail dock — designed for hero sections that feel alive from the first scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Built on a custom drag engine, each slide responds to pointer velocity and direction, creating motion that feels physical on both desktop and touch."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolio heroes, agency landing pages, product launches, and real estate showcases that want their opening impression to feel designed, not templated."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid Drag & Parallax Engine"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity-aware drag with momentum-based release"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layered parallax between slide and image layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth tie-break handling for even slide counts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard navigation (arrow keys)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Smooth Cursor"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated \"Drag\" pill replaces native cursor on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring-based follow motion, auto-disables on touch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-element cursor overrides via data attributes"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Floating Thumbnail Dock"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Position left, right, top, or bottom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional auto-hide on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active-slide indicator with accent ring"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Flexible Height Controls"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill, Viewport (VH), or Fixed (PX) modes"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable Motion"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 easing curves (Quart Out, Silk InOut, Quint InOut, Soft Out)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable slide duration and release easing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable Design"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable accent color, thumbnail sizes per breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/hide sidebar and cursor independently"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]},{"type":"text","text":" Portfolio Heroes, Creative Agencies, Real Estate, Product Launches, Photography Sites, Brand Landing Pages"}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" Need help customizing? Feel free to contact me. Email: "},{"type":"text","text":"amansupport45@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:amansupport45@gmail.com","target":"_blank"}}]}]}]},"introduction":"Drag-driven parallax CMS slider","slug":"parallax-slider-cms","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/990963a3-803e-491f-a26c-d4750f41b16f/cywebwlm","metadata":{"tint":{"h":0,"s":0,"l":30},"width":1920,"height":1440}}],"post":null,"createdAt":"2026-07-04T14:37:28.419Z","updatedAt":"2026-08-24T07:36:20.907Z","publishedAt":"2026-07-04T14:37:28.416Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://jazzed-evolution-351396.framer.app/","price":"4","paymentUrl":"https://lumecomponent.lemonsqueezy.com/checkout/buy/bbab609b-cfd0-4694-8591-b4a6051cadee","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"0pgWMh9PRzf4dTDDfB84","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T14:37:28.467Z","updatedAt":"2026-07-04T14:37:28.467Z"},{"id":"019e7939-2def-7116-b886-54ba83084223","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Oq2U5jJhrTpmFXkDHbjW","resolved":true,"title":"InkFill","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"InkFill — Scroll-Driven Ink-Fill Text Reveal"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"InkFill is a plug-and-play Framer component that animates your text with a smooth ink-fill highlight as users scroll. Drop it into any section, set your colors, and get refined, on-brand motion — no timelines, keyframes, or Code Overrides."}]},{"type":"paragraph","content":[{"type":"text","text":"Built on GSAP and SplitType, it splits your text into real characters or words and animates each with precise timing tied to scroll position, giving your pages the polish of a custom-coded site with none of the setup."}]},{"type":"paragraph","content":[{"type":"text","text":"Five reveal directions to match your section's mood:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bottom → Top — classic upward fill for headlines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Top → Bottom — fills downward for descending hierarchy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left → Right — natural reading-direction sweep"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Right → Left — reverse sweep for emphasis"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center Out — dramatic, balanced fill from the middle"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pin Section toggles how it plays. Off: lines reveal naturally as they enter the viewport, each tracking its own scroll position. On: the section locks while lines reveal one by one — perfect for cinematic, scroll-locked hero moments."}]},{"type":"paragraph","content":[{"type":"text","text":"Typography uses native Framer font controls, so text styles like any other layer. A built-in ResizeObserver re-splits lines on resize, so responsive behavior is handled for you. Fine-tune with Pin Start and Pin Length in pin mode, or Scroll Start and Scroll End when not."}]},{"type":"customHeading","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven ink-fill text reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five reveal directions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pin Section mode for scroll-locked reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal by character or word"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Scroll/Pin timing controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer font controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — auto re-splits on resize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple independent instances per page"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure InkFill works correctly in your project."}]}]},"introduction":"Scroll-Driven Text Highlight Reve","slug":"inkfill","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Oq2U5jJhrTpmFXkDHbjW/inkfill-7rAJpYJEkE9zV5f4uP4fEvCdn8cbPw","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T08:15:21.924Z","updatedAt":"2026-08-24T07:37:12.022Z","publishedAt":"2026-05-30T14:10:50.991Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TextFill-ammrOT.js@NXMDu5TwHou17ue2Uz05","previewUrl":"https://scroll-highlight-text.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"NXMDu5TwHou17ue2Uz05","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:10:50.991Z","updatedAt":"2026-05-30T14:10:50.991Z"},{"id":"019e6842-c5f5-73c0-9c20-2fc62360414e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0FcJZbaOZYgioczwq880","resolved":true,"title":"ScrollColorChange","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"TextScroll — Scroll-Driven Three-Stage Color Text Reveal"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"TextScroll is a plug-and-play Framer component that animates your text colors as users scroll. Each character, word, or line flows through a refined three-stage color transition — giving headlines the polish of a custom-coded site, with none of the setup."}]},{"type":"paragraph","content":[{"type":"text","text":"Built on GSAP ScrollTrigger and SplitType, it splits your text into visual units and tracks each against scroll position with smooth, frame-perfect timing."}]},{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"text","text":"three-stage color flow","marks":[{"type":"bold"}]},{"type":"text","text":" is the heart of it. Where typical scroll text fades between two colors, TextScroll passes each unit through three states — a resting Initial color, a brief Accent flash as the scroll passes through, and a settled Final color. Accent Duration tunes that middle state from a punchy flash to a held, dramatic moment."}]},{"type":"paragraph","content":[{"type":"text","text":"Three reveal modes:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Character — each letter shifts one by one for bold statements"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Word — words transition together for readable body copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line — full lines fade through for cinematic reveals"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Toggle "},{"type":"text","text":"Pin Section","marks":[{"type":"bold"}]},{"type":"text","text":" to lock the text in place while the user scrolls, playing the color animation across the pinned distance — perfect for hero and storytelling moments. Pin Start controls exactly where the section locks."}]},{"type":"paragraph","content":[{"type":"text","text":"Typography uses native Framer font controls, so text styles like any other layer. Only units that change per frame animate, keeping scroll smooth on long paragraphs."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-stage color reveal: Initial → Accent → Final"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three modes: Character, Word, Line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pin Section mode for scroll-locked reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Pin Start, Scroll Start, Scroll End, Accent Duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer font controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized — only animates changed units per frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple independent instances per page"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure TextScroll works correctly in your project."}]}]},"introduction":"Scroll Color Reveal","slug":"scrollcolorchange","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0FcJZbaOZYgioczwq880/scrollcolorchange-EjPE4lVgXrHTIUi0hBqCp0ELnsYybI","metadata":{"tint":{"h":70,"s":68,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-26T07:11:16.081Z","updatedAt":"2026-08-07T11:45:37.369Z","publishedAt":"2026-05-27T07:07:47.061Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://textscrollwith3colors.framer.website/","price":"4","paymentUrl":"https://lumecomponent.lemonsqueezy.com/checkout/buy/b2825d21-1fd0-42b7-96e2-607a828f59b9","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"lRdFzkcWCBwbEuYPl1pZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T07:07:47.061Z","updatedAt":"2026-05-27T07:07:47.061Z"},{"id":"019e2683-3672-7796-902f-e0d3d073967b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8vhZvy5Di5j09wco82IF","resolved":true,"title":"RevealVibe","body":"$68","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"TextReveal — Premium Scroll & Load Text Animation for Framer","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"TextReveal is a high-performance text animation component for Framer. It reveals headlines and paragraphs with refined motion — on page load or as text scrolls into view — giving any section the polish of a custom-coded site without timelines, keyframes, or Code Overrides."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with GSAP and SplitType, it splits your text into real visual lines or words and animates each with precise, controllable timing while staying fully responsive across every screen size."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for SaaS landing pages, startup sites, creative portfolios, digital agencies, product launches, studio sites, and personal brands built in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"What It Does","marks":[{"type":"bold"}]},{"type":"text","text":" Instead of text that simply appears, your copy enters with deliberate motion. Drop TextReveal into any section, type your copy, and choose how it animates. Each line or word reveals with controlled easing and staggered timing — editorial polish usually reserved for hand-coded sites. No flickering. No jumpy reflow."}]},{"type":"paragraph","content":[{"type":"text","text":"Three Reveal Styles","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clip Path Reveal — lines slide up behind a clip-path mask for bold headlines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mask Reveal — words rise word-by-word for elegant, paced storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur Reveal — words fade in from blurred to sharp for atmospheric intros"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Two Playback Modes","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On — reveal plays when text enters the viewport, zero setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Off — reveal plays on mount, perfect for above-the-fold hero text"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Self-triggering scroll animation, no Code Overrides"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive typography, auto re-splits on resize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer font controls — fonts, weight, size, spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger Point slider (0-100%) for exact scroll timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable stagger for line/word pacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple independent instances per page, no conflicts"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Due to the digital nature of this product, all sales are final and refunds are not available."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" Need help customizing? Contact me. Email: "},{"type":"text","text":"amansupport45@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:amansupport45@gmail.com","target":"_blank"}}]}]}]},"introduction":"Text Reveal Clip Path, Mask, Blur","slug":"revealvibe","author":{"framerUserId":"990963a3-803e-491f-a26c-d4750f41b16f","name":"Aman Qureshi","slug":"aman-qureshi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/252560/rOvOn3jLx-E4375n3Ab1LYfqMxO2ATS4lqRyA0jJ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8vhZvy5Di5j09wco82IF/revealvibe-YHMauQjkWG1q2MqDTmiPKLOuupFGko","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T19:32:31.840Z","updatedAt":"2026-09-03T09:04:09.228Z","publishedAt":"2026-05-14T12:43:13.906Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gsap-text-reveal.framer.ai/","price":"4","paymentUrl":"https://lumecomponent.lemonsqueezy.com/checkout/buy/db31b2e5-2fe1-4cda-99f9-6675d2e28eb7","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"oD8PsbTHWpLwd5NrlTWl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T12:43:13.906Z","updatedAt":"2026-05-14T12:43:13.906Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L69"}]