51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T8e4,

Dotted Arrow Button is an animated Framer component for landing pages, portfolios, pricing sections, and other CTA areas.

Its hover interaction combines staggered letter transitions with swapping arrow circles. The individual arrow dots also pulse in a repeating animation with a three-second pause between cycles.

What Is Included

Default, Hover, and Pressed states
Editable native Framer layers
Eight arrow directions
Separate Start and Hover arrow directions
Animated text transitions
Individual dot-pulse animations

How to Use

Add the button from Assets to your Framer page.
Set the Label and Uppercase options.
Open the main component and select Animated Text to change the font.
Adjust Background and Text Color.
Use Start Background and Start Arrow Color for the initial icon.
Use Hover Background and Hover Arrow Color for the ending icon.
Choose Start Direction and Hover Direction.
Add a Link, enable New Tab, or connect On Click to a Framer action.
Preview the button to test hover, press, text, and dot animations.

Customization

The button uses content-based sizing, so check longer labels in narrow layouts.

You can edit the native layers to change spacing, proportions, and shape. Keep the Animated Text component and dot-animation overrides when copying or modifying the button.

Animation timings are controlled in code and are not exposed as instance controls. Reduced-motion and static-renderer fallbacks are included.

The liquid gradient background and tilted cover styling are presentation artwork only and are not part of the component.

Ideal For

Hero CTAs, portfolio links, project buttons, pricing pages, signup buttons, agency websites, and service enquiry links.

53:T73a,

Metal Rim Button is a glossy pill CTA for Framer, wrapped in a thin rim of moving liquid chrome. The metal stays mostly black, with soft flashes of orange, red, purple and blue drifting through it. On hover the icon launches up and out while a fresh one slides in from below, and a light glint sweeps across the face. It is built entirely from native Framer layers and a Liquid Gradient shader, so there is no code to manage and every detail stays editable on the canvas.

How to Use

1. Drop Metal Rim Button onto any page and pick a Variant: Default, Large, Dark or Large Dark. Light versions use a bright glossy face, dark versions a deep graphite face.

2. Set the button text with Title, and point it to any page, section or external URL with Link.

3. Choose any Lucide icon with Icon, or switch off Show Icon for a clean text-only pill.

4. Preview the page and hover to see the launch, glint and shadow lift. Click and hold to see the pressed state.

5. To recolor the chrome, open the component and select the Liquid Metal layer to adjust its colors, contrast and speed. Keep the speed the same in every state so the flow never resets on hover.

6. Change the font, padding, radius or face colors right on the canvas. The rim scales with the button, so it works from compact nav buttons to big hero CTAs.

Ideal Use Cases

Metal Rim Button works well for:

• Hero sections that need one standout call to action

• SaaS, AI and product launches with a premium feel

• Portfolios and agency sites that want a crafted, tactile detail

• Waitlist, pricing and sign-up pages that need a clear primary action

One small button, a lot of shine.

54:T90e,

AI FAQ Section is a minimal accordion FAQ for Framer with a live AI chat row at the end. Visitors type anything you didn’t cover and get a typed-out answer written from your own content, right inside the list. It connects to Claude, Gemini, OpenAI, Groq or OpenRouter through your own private AI link, filters bots without a captcha and respects reduced motion.

How to Use

Add AI FAQ Section to any section and set its width. Add your questions in FAQs and choose which one starts open with Open Question.
Paste your pricing, policies, links and contact details into AI Knowledge. Set tone, length or language with AI Instructions and the input text with AI Placeholder.
Connect your AI. It needs your own endpoint and does not work out of the box. Create a free Cloudflare Worker with the ready-to-paste code and 10-minute guide on the component canvas, then paste its URL into Endpoint URL on the AI Ask layer. Your API key never touches Framer.
Style fonts, colors, the send button, spacing and the typewriter reveal, and use Canvas Preview to design the empty, thinking, answer and error states.
Tune replies with rotating Thinking Words, shimmer and dots, Strict Mode, Fallback, Error Text and Max Output Tokens.
Control usage with Question Limit, Cooldown, Max Question Length and Bot Protection. Add a Flow effect to its section for smoother expand motion.
Preview or publish to chat with it, since AI replies don’t run on the canvas.

Built by Daniyal Habib. Need a custom version? Email daniyalweb10@gmail.com

Ideal Use Cases

AI FAQ Section works well for:

• SaaS and product sites wanting instant answers without a chat widget • Landing pages where visitors ask questions you didn’t predict • Agencies handing clients an FAQ that actually talks back • Small businesses offering 24/7 help from their own content

55:T66a,

Push Menu Navigation is a responsive Framer navigation component with a right-side, off-canvas menu that pushes your page aside. Built with editable native layers and Framer Motion, it pairs staggered menu links with customizable page-push animation. Close with Escape or a tap on the dimmed backdrop, while the page push respects reduced-motion preferences.

How to Use

Place the navigation at the top of your page, fix it in position above your content, and choose a closed desktop or phone variant.
Group your page sections in one stack, keeping the navigation outside it; copy the supplied override code into a new Framer override file and apply it to the content stack once.
Connect your page, email, phone and social links, then edit the native layers to customize the logo, labels and typography.
Choose light or dark header styling, transparent or solid variants, corner radius, link hover color and page dimming; adjust desktop panel width or phone width inside the component.
Tune opening and closing page-push transitions, including timing, easing or spring behavior; edit menu reveal and link stagger timing separately on the canvas.
Preview or publish to test the menu, links and responsive layouts, as the page-push effect does not run on the design canvas.

Ideal Use Cases

Push Menu Navigation works well for: • Designer and photographer portfolios • Creative agency and studio websites • Brand sites with prominent contact and social links • Framer projects needing responsive sidebar navigation

56:T7d6,

Liquid Lens Carousel is a WebGL image carousel for Framer, rendered with Three.js and custom GLSL shaders. A liquid glass lens magnifies the centered slide with chromatic dispersion, rim ripples, shimmer, and glow, while drag inertia, wheel scrolling, keyboard arrows, and autoplay with hover pause keep browsing effortless. It is fully CMS compatible: flip on CMS Mode to bind each slide’s image, title, subtitle, tag, and link straight from a collection, or curate slides manually with the built-in Items list.

How to Use

Drop the carousel into a frame with a generous fixed size, it automatically fills its parent.
Add slides through the Items list (image, title, subtitle, tag, link, new tab), or enable CMS Mode and bind the fields inside a collection list.
Shape the look with card height, gap, and radius, solid or transparent background, accent, text, and pill colors, plus title, subtitle, and tag fonts.
Tune the optics with lens color, glow, zoom depth, dispersion, rim ripple, scale, shimmer, and vignette.
Set motion and input with reveal style, trigger, and transitions, autoplay interval, drag speed, friction, wheel mode, and keyboard navigation.
Preview or publish to test dragging, refraction, and links, since interactions run at runtime rather than on the design canvas.

Ideal Use Cases

Liquid Lens Carousel works well for:

• Photography and architecture portfolios that want a gallery centerpiece • Agency and studio showcases running slides straight from the CMS • Editorial and lookbook sites presenting curated collections • Landing pages that need one memorable signature interaction

Inspired by the work of Osmo and Yousuf Soomro.

57:T949,

A Template for Therapists, Coaches & Wellness Practitioners

Alma is a warm, editorial template for therapists, psychologists, counselors, and coaches. It is built for practices where trust matters more than hype.

Most therapy and coaching websites feel either cold and clinical or loud and salesy. Alma opens like a conversation: a personal introduction instead of a hard-sell hero, a values section that shows how you think, a clear step-by-step process, real client stories, and a contact page built around a free 15-minute intro call.

Made for Therapy, Counseling, Coaching & Mental Health

Alma fits individual therapy, couples counseling, mental health support, life coaching, mindfulness and wellness work, and any solo professional who builds a practice one conversation at a time. Swap the copy, photos, and colors, and it reads just as naturally for a psychologist’s private practice as for a career coach or wellness studio.

What’s Inside

Pages: Home, About, Services, Client Stories, Journal (blog), Contact, plus CMS-powered legal pages and a custom 404.

3 CMS collections (Journal, Stories, Legal) for easy content updates
Contact form built around a free intro-call booking flow, with styled success, pending, and error states
Testimonial slider, FAQ with smooth reveal, values, and process sections
Editorial serif typography with smooth text reveals, parallax, and scroll animations
Shared layout template for navigation and footer, so site-wide changes happen in one place

Responsive & Easy to Rebrand

Fully responsive across 4 breakpoints, from large desktop to mobile. Change fonts and colors once and the whole site follows, making it easy to adapt for counselling, psychology, coaching, or wellness practices.

Launch a practice website that feels like you: warm, credible, and quietly professional.

58:T819,

Mega Navigation is a responsive navigation component for Framer that helps you build polished SaaS style menus with multi column dropdowns, featured cards, and smooth GSAP powered animations. It combines desktop and mobile navigation into a single, fully customizable component with no code changes required.

Features

• Responsive Navigation — Optimized desktop mega menu and fullscreen mobile navigation. • Multi Column Dropdowns — Create dropdowns with up to four configurable columns. • Featured Cards — Add promotional cards with images, titles, descriptions, and CTA buttons. • GSAP Animations — Smooth dropdown, hover, and mobile menu transitions. • Animated Hover Indicator — Fluid highlight follows hovered navigation items. • Adaptive Dropdown Height — Automatically resizes between different menu layouts. • Flexible Routing — Supports Framer pages, anchors, external links, email, and phone links. • Connected Buttons — Use built in buttons or connect your own Framer button components. • Custom Branding — Replace the default logo with any connected logo component. • Fully Customizable Styling — Control colors, typography, borders, backgrounds, and spacing. • Optional Backdrop — Focus attention on open dropdown menus with a customizable overlay.

Property Controls

• Navigation links and dropdown structure • Featured cards with optional images • Logo component • Connected or built in CTA buttons • Colors and typography • Border radius • Dropdown styling • Backdrop visibility and color

How to Use

Place Mega Navigation at the top of your page.
Configure your navigation links and dropdown content.
Customize the branding, colors, typography, and buttons.
Publish your site and enjoy fully animated desktop and mobile navigation.

Ideal for SaaS products, startups, agencies, AI tools, documentation sites, enterprise platforms, and any website that needs a modern, flexible mega menu.

59:T13a5,

Next Page on Scroll

Next Page on Scroll is a cinematic page transition component for Framer that turns the bottom of your page into an immersive scroll-driven preview of the next page.

It transforms a standard page ending into a smooth, interactive transition. As users continue scrolling, the component reveals the next page with animated background imagery, moving text, progress indicators, and a cinematic full-screen transition before navigating automatically.

Built with GSAP + ScrollTrigger, it creates a polished premium effect often seen in award-winning portfolio sites, editorial websites, creative studios, and CMS-powered project showcases.

It supports manual pages and CMS collections, making it ideal for blog systems, portfolios, case studies, and project archives.

After purchase, you’ll also receive the remix link to the full project, so you can inspect how the CMS structure is built and connect everything easily inside Framer.

Features

Scroll-Based Page Transition

Triggers the next page preview as users reach the end of a page
Creates a full-screen cinematic scroll handoff
Smooth automatic page navigation
Supports click-based navigation too
Works with Framer routing

CMS Ready

Works perfectly with Framer CMS pages
Connect CMS fields directly
Supports Next Item linking
Great for project showcases
Ideal for blog systems and article navigation

Visual Animation

Background zoom animation
Dynamic overlay darkening
Text fade + slide motion
Progress line indicator
Cinematic page wipe transition

Smart Navigation

Auto detects route patterns
Supports internal links
Supports external links
Optional open in new tab
Works with CMS dynamic routes

Fully Customizable

Background image
Label text
Title text
Description text
Progress line
Transition color
Animation timings
Scroll smoothing

Property Controls

Navigation

Next Link
Clickable toggle
Open in New Tab

Background

Background Image
Start Scale
End Scale
Start Darken
End Darken

Content

Label Text
Title Text
Description Text
Copy Max Width
Copy Padding

Animation

Content Opacity
Y Movement
Progress Direction
Progress Design
Scrub Smoothing
Out Animation Color

How to Use

Setup

After copying the component, paste it onto your canvas.
Then put it at the end of the page.
Select the component itself and set its Position to Relative.
Set Width to 100%.
Set Height to minimum 150vh (Recommended is 200–250vh).
Note: The component has a built-in sticky container. The height you set on the component controls how far users scroll before the transition completes. No external wrapper is needed!

CMS Setup

Connect the Next Link field to your CMS next item link.
Connect the Background Image to your CMS next item image.
Connect the Title to next item title.
Connect the Description to next item description.
Connect any additional fields you want to show.

Final Step

Customize animations and styling from the properties panel.
Preview your page and scroll to the end.
Enjoy a smooth award-style transition between pages.

For any confusion or feature request, contact: daniyalhundred@gmail.comI usually respond within 10 minutes.

Best for

CMS portfolio websites
CMS case study pages
Blog websites
Creative agencies
Studio websites
Editorial experiences
Product showcase websites
Award-style Framer sites

Next Page on Scroll turns standard page endings into seamless transitions, making your website feel intentional, premium, and highly interactive.

5a:Te3e,

Fluid Video Lightbox

Fluid Video Lightbox is a smooth expandable video component for Framer that lets users preview a video inline, then open it in a cinematic fullscreen lightbox with one click.

It creates a polished viewing experience using Framer Motion layout transitions. The video morphs naturally from its original position into an overlay lightbox, preserving context and making interactions feel premium.

Built for both regular pages and CMS collections, it’s ideal for showcasing reels, project demos, case study videos, product showcases, testimonials, and storytelling websites.

Whether you're using uploaded videos or CMS-linked video URLs, it adapts cleanly across layouts and screen sizes.

Features

Expandable Lightbox Experience

Click to open fullscreen video
Smooth morph transition
Elegant overlay animation
Escape key close support
Click outside to close

CMS Ready

Works inside CMS collections
Supports CMS video fields
Supports CMS poster fields
Great for portfolio systems
Ideal for case studies and blogs

Flexible Video Source

Upload local video files
Use direct video URLs
Works with MP4 and WebM
Easy switching between source types

Playback Controls

Start from custom timestamp
Auto play preview
Loop toggle
Mute toggle
Native controls toggle

Lightbox Settings

Adjustable max width
Adjustable max height
Backdrop color control
Z-index control
Scroll locking

Property Controls

Source

Source Type
Video URL
Upload File

Preview

Poster toggle
Poster image
Start time
Auto play
Loop
Muted

Styling

Background
Border Radius
Object Fit

Lightbox

Backdrop Color
Max Width
Max Height
Z-Index
Lock Scroll

Motion

Transition controls

How to Use

Setup

After copying the component, paste it onto your canvas.
Put it either in a regular layer or in a CMS layer.
Add the video file via direct link or file upload.
Tweak the lightbox settings.
That’s it.

Final Step

Preview the page.
Click the video.
Enjoy a premium expandable lightbox experience.

For any confusion or feature request, contact: daniyalhundred@gmail.comI usually respond within 10 minutes.

Best for

Portfolio websites
CMS case studies
Creative agencies
Product demos
Reel showcases
Video testimonials
Blog posts
Presentation websites

Fluid Video Lightbox helps present video content in a much cleaner and more immersive way — without extra setup, custom code, or external integrations.

5b:T845,

Silky Mouse Trail is a high-performance cursor trail effect that renders a fluid ribbon following the user’s pointer. It uses a canvas-based system with custom physics to simulate inertia, damping, and speed-based motion.

The trail dynamically adjusts width and color based on cursor velocity, creating a natural, silk-like flow. It runs outside the canvas in preview and publish mode, while staying invisible in the editor using a canvas guard.

Features

Silky Mouse Trail includes the following features out of the box:

• Physics-Based Motion — Smooth trailing effect with inertia, damping, and velocity influence• Speed Reactive Width — Trail expands and contracts based on cursor speed• Gradient Color Blending — Seamless transition between head and tail colors• High Performance Canvas Rendering — Efficient drawing loop using requestAnimationFrame• Stable Motion Handling — Prevents jitter and glitches with smart edge calculations• Pointer Tracking — Follows cursor with accurate and responsive updates• Auto Resize Support — Adjusts canvas resolution based on screen size and pixel ratio• Canvas Guard — Hidden in editor, active only in preview and live mode• Non-Interactive Layer — Pointer events are disabled so it never blocks UI

Property Controls

Length — Controls the number of segments in the trailHead Width — Sets the thickness of the trail at the frontTail Width — Sets the thickness at the end of the trailHead Color — Defines the color near the cursorTail Color — Defines the color at the end of the trailDamping — Adjusts how tightly the trail follows the cursorMax Speed — Sets the speed threshold for width scalingZ-Index — Controls stacking order above other layers

Ideal Use Cases

• Portfolio websites that need a unique cursor effect• Agency and studio sites with strong visual identity• Landing pages that benefit from subtle motion• Interactive experiences and creative projects

It adds a polished, modern feel without interfering with layout or interactions.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-0377da32-5157-43ad-9c57-e949e915db9e-all:/unified/creator/0377da32-5157-43ad-9c57-e949e915db9e/activity/":[{"data":[{"id":"01a10cc0-c29f-744a-bce8-07a76ef1ffba","type":"component.created","target":{"type":"component","id":"r9JWGtFS1tVavzvfZxjZ","preview":"Dotted Arrow Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a10cc0-a369-75dd-8a29-5a3bc7d85bcc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T15:48:41.759Z","latestAt":"2026-10-05T15:48:41.759Z"},{"id":"01a0f69c-4703-707b-afcb-76d8962d0eb0","type":"component.created","target":{"type":"component","id":"tPf5xuVIZZP1ROAXj7pQ","preview":"Metal Rim Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0f678-49fa-714b-86f7-de74342ef440.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-01T08:37:12.067Z","latestAt":"2026-10-01T08:37:12.067Z"},{"id":"01a0f0c4-de44-741d-bfcc-2ed81f7adcc5","type":"component.created","target":{"type":"component","id":"dtce302Du0Sc9wxhsV8q","preview":"AI FAQ Section","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0f0c4-8c51-772d-ac4f-dbe72385d779.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-30T05:23:48.932Z","latestAt":"2026-09-30T05:23:48.932Z"},{"id":"01a0a491-f559-71b9-828c-4614ee3d3893","type":"component.created","target":{"type":"component","id":"toIrVRjeQ9xBrahWUtdM","preview":"Push Menu Navigation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0a491-90a6-710e-9401-883a70db7fd4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T10:17:04.089Z","latestAt":"2026-09-15T10:17:04.089Z"},{"id":"01a06bdb-14a8-7709-8c9c-b1f27115f3ce","type":"component.created","target":{"type":"component","id":"jy8E8ZbbGANNhpqdV009","preview":"Liquid Lens Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0720c-1f58-7369-857f-2a08e059d3c2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-04T09:58:34.920Z","latestAt":"2026-09-04T09:58:34.920Z"},{"id":"01a05824-ae01-73bc-8838-e420d5c739ec","type":"comment.reply","target":{"type":"post","id":"01a037ea-128e-7651-a7d7-c63341268851","preview":"3 months of work and my Therapist Template Alma is officially live 😮‍💨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3 months of work and my Therapist Template Alma is officially live "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a037ea-128e-7651-a7d7-c63341268851","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a05824-ade5-73c8-a9d7-6d937e13986f","preview":"Thanks Zahid!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Zahid!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a037ea-128e-7651-a7d7-c63341268851","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0562c-5eea-72ef-b4d4-d6dc9451b3ad"},"repost":null}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T14:06:33.985Z","latestAt":"2026-08-31T14:06:33.985Z"},{"id":"01a05824-8df8-756f-a22b-d3f90e7523d2","type":"comment.liked","target":{"type":"comment","id":"01a0562c-5eea-72ef-b4d4-d6dc9451b3ad","preview":"very smooth transitions","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"very smooth transitions"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a037ea-128e-7651-a7d7-c63341268851","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0562c-5eea-72ef-b4d4-d6dc9451b3ad"},"repost":null}},"context":{"type":"post","id":"01a037ea-128e-7651-a7d7-c63341268851","preview":"3 months of work and my Therapist Template Alma is officially live 😮‍💨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3 months of work and my Therapist Template Alma is officially live "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a037ea-128e-7651-a7d7-c63341268851","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T14:06:25.780Z","latestAt":"2026-08-31T14:06:25.780Z"},{"id":"01a01de5-633f-731d-98dc-0fa2f250688e","type":"template.created","target":{"type":"template","id":"71592","preview":"Alma","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a02f6d-83ac-72c9-999f-05316f68e989.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-20T06:39:27.551Z","latestAt":"2026-08-20T06:39:27.551Z"},{"id":"01a018eb-593e-75cd-8755-e420ddb1a813","type":"comment.reply","target":{"type":"post","id":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","preview":"Greeting Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nGQhOb36CmAe1TVjHO2m/greeting-loader-tbJ8sO88F7rV7z6wJcPbxweF3eoAMv","targetDeleted":false,"owned":true,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":35,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a018eb-5924-720f-a62f-691751e20a9c","preview":"@Arthur LG Hi Arthur, Did you try updating the component to the latest version? Feel free to email me at daniyalhundred@gmail.com for better assistance.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"b9b38e49-544c-447c-850a-930708e2a5a2","slug":"arthur-lg","label":"Arthur LG","mentionSuggestionChar":"@"}},{"type":"text","text":" Hi Arthur, Did you try updating the component to the latest version? Feel free to email me at "},{"type":"text","text":"daniyalhundred@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:daniyalhundred@gmail.com","target":"_blank"}}]},{"type":"text","text":" for better assistance."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fec2e-55dd-748b-9c14-2ef6b84732ff"},"repost":null}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T07:27:52.126Z","latestAt":"2026-08-19T07:27:52.126Z"},{"id":"01a018ea-797e-725c-9b52-b6dd5ef7e2c8","type":"comment.liked","target":{"type":"comment","id":"019fec2f-1a83-7257-ba7c-f77e3003d332","preview":"I was careful to follow (simple) instructions of pasting link from Notion page, etc. But I cannot see what to do but edit the code myself...","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I was careful to follow (simple) instructions of pasting link from Notion page, etc. But I cannot see what to do but edit the code myself..."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fec2e-55dd-748b-9c14-2ef6b84732ff"},"repost":null}},"context":{"type":"post","id":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","preview":"Greeting Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nGQhOb36CmAe1TVjHO2m/greeting-loader-tbJ8sO88F7rV7z6wJcPbxweF3eoAMv","targetDeleted":false,"owned":true,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":35,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T07:26:54.842Z","latestAt":"2026-08-19T07:26:54.842Z"},{"id":"01a018ea-74cf-731d-9020-83550a449581","type":"comment.liked","target":{"type":"comment","id":"019fec2e-55dd-748b-9c14-2ef6b84732ff","preview":"I bought this component - but the animations are not displaying. That is, I'm not getting the blur in and out animation and I'm not getting a cubically eased scrolling list of text.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I bought this component - but the animations are not displaying. That is, I'm not getting the blur in and out animation and I'm not getting a cubically eased scrolling list of text."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fec2e-55dd-748b-9c14-2ef6b84732ff"},"repost":null}},"context":{"type":"post","id":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","preview":"Greeting Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nGQhOb36CmAe1TVjHO2m/greeting-loader-tbJ8sO88F7rV7z6wJcPbxweF3eoAMv","targetDeleted":false,"owned":true,"actions":{"postId":"019abb96-3c6f-7c5f-94ac-59ceec5c652c","like":{"count":35,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T07:26:53.640Z","latestAt":"2026-08-19T07:26:53.640Z"},{"id":"01a0009b-545a-76eb-941a-7eae877de840","type":"comment.liked","target":{"type":"comment","id":"01a00098-acf9-755f-88f7-4bc8b569ac60","preview":"Thank a lot Daniyal! These words mean a lot to me","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank a lot Daniyal! These words mean a lot to me"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a00062-b49c-719f-bb4e-dfbf8396e80f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00093-d169-7492-92d4-278be42676ef"},"repost":null}},"context":{"type":"post","id":"01a00062-b49c-719f-bb4e-dfbf8396e80f","preview":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace.\nIn a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people.\nSpan is live on the Framer Marketplace.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"In a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people."}]},{"type":"paragraph","content":[{"type":"text","text":"Span is live on the Framer Marketplace."}]}]},"thumbnail":"https://image.mux.com/Eue8gCr1u1RS402M1KIeyRMScSegwYW5yumHfeNenlJ00/thumbnail.webp?time=25.792","targetDeleted":false,"owned":false,"actions":{"postId":"01a00062-b49c-719f-bb4e-dfbf8396e80f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T14:09:34.801Z","latestAt":"2026-08-14T14:09:34.801Z"},{"id":"01a0009b-2ec6-713b-9cd1-2dc6c2fa647b","type":"comment.liked","target":{"type":"comment","id":"01a0008e-913a-725c-ae3e-55e0ee4f8662","preview":"Thanks a lot man! Can't wait to see what founders build with it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks a lot man! Can't wait to see what founders build with it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0005a-fdb4-7462-9d9b-099352240858","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0008b-c384-74ee-8830-b25e4cbd34d5"},"repost":null}},"context":{"type":"post","id":"01a0005a-fdb4-7462-9d9b-099352240858","preview":"Span™","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/01a00b3b-57cf-72c6-8fa9-5a24ae2e5e6c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0005a-fdb4-7462-9d9b-099352240858","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T14:09:25.183Z","latestAt":"2026-08-14T14:09:25.183Z"},{"id":"01a00093-d186-74d9-b00e-a08009b16815","type":"comment.created","target":{"type":"post","id":"01a00062-b49c-719f-bb4e-dfbf8396e80f","preview":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace.\nIn a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people.\nSpan is live on the Framer Marketplace.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"In a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people."}]},{"type":"paragraph","content":[{"type":"text","text":"Span is live on the Framer Marketplace."}]}]},"thumbnail":"https://image.mux.com/Eue8gCr1u1RS402M1KIeyRMScSegwYW5yumHfeNenlJ00/thumbnail.webp?time=25.792","targetDeleted":false,"owned":false,"actions":{"postId":"01a00062-b49c-719f-bb4e-dfbf8396e80f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00093-d169-7492-92d4-278be42676ef","preview":"Congrats on the launch David! This template has the potential of become the best template in the marketplace. Best of luck!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats on the launch David! This template has the potential of become the best template in the marketplace. Best of luck!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a00062-b49c-719f-bb4e-dfbf8396e80f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00093-d169-7492-92d4-278be42676ef"},"repost":null}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T14:01:22.566Z","latestAt":"2026-08-14T14:01:22.566Z"},{"id":"01a00092-e756-76ae-a276-c7b2e760db80","type":"post.liked","target":{"type":"post","id":"01a00062-b49c-719f-bb4e-dfbf8396e80f","preview":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace.\nIn a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people.\nSpan is live on the Framer Marketplace.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Span: one of the most ambitious templates ever created on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"In a world where building a SaaS is easier than ever, the problem becomes standing out in a crowd. The solution is knowing what has worked in the real world and having an action plan to get your idea in front of people."}]},{"type":"paragraph","content":[{"type":"text","text":"Span is live on the Framer Marketplace."}]}]},"thumbnail":"https://image.mux.com/Eue8gCr1u1RS402M1KIeyRMScSegwYW5yumHfeNenlJ00/thumbnail.webp?time=25.792","targetDeleted":false,"owned":false,"actions":{"postId":"01a00062-b49c-719f-bb4e-dfbf8396e80f","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T14:00:22.609Z","latestAt":"2026-08-14T14:00:22.609Z"},{"id":"01a0008b-c3ab-7489-9f6c-b87a951f7091","type":"comment.created","target":{"type":"post","id":"01a0005a-fdb4-7462-9d9b-099352240858","preview":"Span™","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/01a00b3b-57cf-72c6-8fa9-5a24ae2e5e6c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0005a-fdb4-7462-9d9b-099352240858","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0008b-c384-74ee-8830-b25e4cbd34d5","preview":"This is by far one of the most detailed template on the marketplace!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is by far one of the most detailed template on the marketplace!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0005a-fdb4-7462-9d9b-099352240858","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0008b-c384-74ee-8830-b25e4cbd34d5"},"repost":null}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T13:52:34.731Z","latestAt":"2026-08-14T13:52:34.731Z"},{"id":"01a0008b-16fa-753b-ae54-94c18a77deb3","type":"template.liked","target":{"type":"template","id":"71253","preview":"Span™","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/01a00b3b-57cf-72c6-8fa9-5a24ae2e5e6c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-14T13:51:50.518Z","latestAt":"2026-08-14T13:51:50.518Z"},{"id":"019ed482-f43e-708a-b959-26d4b4c172d7","type":"creator.followed","target":{"type":"creator","id":"efdded77-3c71-4bb2-a61d-30ef6282cbf5","preview":"David Bagdasaryan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/rvqwdsaz","slug":"dtaw","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T06:17:19.927Z","latestAt":"2026-08-05T06:17:19.927Z"},{"id":"019f3694-9e38-72b3-bb81-dced24febae9","type":"creator.followed","target":{"type":"creator","id":"e77c8d2c-881f-46e7-b945-68aebec62cb0","preview":"Anatolii Dmitrienko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31123/McHTH71f_400x400-VKlVpQryMU6V11WxN53SB2yWgeC2GY.jpg","slug":"bynneh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T06:17:08.929Z","latestAt":"2026-08-05T06:17:08.929Z"},{"id":"019fd08e-959d-730a-9134-e0e626c19704","type":"comment.reply","target":{"type":"post","id":"019f33a3-b09f-7648-90f8-e17a8460d8c6","preview":"Mega Navigation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/fhsv1k7x","targetDeleted":false,"owned":true,"actions":{"postId":"019f33a3-b09f-7648-90f8-e17a8460d8c6","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd08e-957e-77c4-b27a-4eb896fa5902","preview":"Hi Julien, I'm glad you figured it out!\nIf you need any other help customizing the component then feel free to email me :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Julien, I'm glad you figured it out!"}]},{"type":"paragraph","content":[{"type":"text","text":"If you need any other help customizing the component then feel free to email me :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f33a3-b09f-7648-90f8-e17a8460d8c6","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fcdac-fa64-7698-aa07-4beab6f65fe3"},"repost":null}},"actors":[{"id":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","slug":"daniyalweb","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-05T06:13:53.181Z","latestAt":"2026-08-05T06:13:53.181Z"}],"pagination":{"next":"MjAyNi0wOC0wNVQwNjoxMzo1My4xODFafDAxOWZkMDhlLTk1OWQtNzMwYS05MTM0LWUwZTYyNmMxOTcwNA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0377da32-5157-43ad-9c57-e949e915db9e:/unified/posts/?creator=0377da32-5157-43ad-9c57-e949e915db9e&with=reposts":[{"data":[{"id":"01a10cc0-c057-73ff-a3cd-5a52d24b505f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"r9JWGtFS1tVavzvfZxjZ","resolved":true,"title":"Dotted Arrow Button","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dotted Arrow Button is an animated Framer component for landing pages, portfolios, pricing sections, and other CTA areas."}]},{"type":"paragraph","content":[{"type":"text","text":"Its hover interaction combines staggered letter transitions with swapping arrow circles. The individual arrow dots also pulse in a repeating animation with a three-second pause between cycles."}]},{"type":"customHeading","content":[{"type":"text","text":"What Is Included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Default, Hover, and Pressed states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable native Framer layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eight arrow directions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate Start and Hover arrow directions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated text transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual dot-pulse animations"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the button from "},{"type":"text","text":"Assets","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the "},{"type":"text","text":"Label","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Uppercase","marks":[{"type":"bold"}]},{"type":"text","text":" options."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open the main component and select "},{"type":"text","text":"Animated Text","marks":[{"type":"bold"}]},{"type":"text","text":" to change the font."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust "},{"type":"text","text":"Background","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Text Color","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use "},{"type":"text","text":"Start Background","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Start Arrow Color","marks":[{"type":"bold"}]},{"type":"text","text":" for the initial icon."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use "},{"type":"text","text":"Hover Background","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Hover Arrow Color","marks":[{"type":"bold"}]},{"type":"text","text":" for the ending icon."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose "},{"type":"text","text":"Start Direction","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Hover Direction","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a "},{"type":"text","text":"Link","marks":[{"type":"bold"}]},{"type":"text","text":", enable "},{"type":"text","text":"New Tab","marks":[{"type":"bold"}]},{"type":"text","text":", or connect "},{"type":"text","text":"On Click","marks":[{"type":"bold"}]},{"type":"text","text":" to a Framer action."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview the button to test hover, press, text, and dot animations."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The button uses content-based sizing, so check longer labels in narrow layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"You can edit the native layers to change spacing, proportions, and shape. Keep the "},{"type":"text","text":"Animated Text","marks":[{"type":"bold"}]},{"type":"text","text":" component and dot-animation overrides when copying or modifying the button."}]},{"type":"paragraph","content":[{"type":"text","text":"Animation timings are controlled in code and are not exposed as instance controls. Reduced-motion and static-renderer fallbacks are included."}]},{"type":"paragraph","content":[{"type":"text","text":"The liquid gradient background and tilted cover styling are presentation artwork only and are not part of the component."}]},{"type":"customHeading","content":[{"type":"text","text":"Ideal For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero CTAs, portfolio links, project buttons, pricing pages, signup buttons, agency websites, and service enquiry links."}]}]},"introduction":"Animated CTA with dotted arrows","slug":"dotted-arrow-button","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a10cc0-a369-75dd-8a29-5a3bc7d85bcc.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-05T15:48:40.587Z","updatedAt":"2026-10-05T16:17:19.014Z","publishedAt":"2026-10-05T15:48:40.583Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Dotted-Arrow-Button-e4Hpn8.js@5zr0V9X1gFoc9cq0MHki","previewUrl":"https://dotted-arrow-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"5zr0V9X1gFoc9cq0MHki","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T15:48:41.175Z","updatedAt":"2026-10-05T15:48:41.175Z"},{"id":"01a0f69c-4384-750c-8645-83bd803a0a84","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tPf5xuVIZZP1ROAXj7pQ","resolved":true,"title":"Metal Rim Button","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Metal Rim Button is a glossy pill CTA for Framer, wrapped in a thin rim of moving liquid chrome. The metal stays mostly black, with soft flashes of orange, red, purple and blue drifting through it. On hover the icon launches up and out while a fresh one slides in from below, and a light glint sweeps across the face. It is built entirely from native Framer layers and a Liquid Gradient shader, so there is no code to manage and every detail stays editable on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Drop "},{"type":"text","text":"Metal Rim Button","marks":[{"type":"bold"}]},{"type":"text","text":" onto any page and pick a "},{"type":"text","text":"Variant","marks":[{"type":"bold"}]},{"type":"text","text":": Default, Large, Dark or Large Dark. Light versions use a bright glossy face, dark versions a deep graphite face."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Set the button text with "},{"type":"text","text":"Title","marks":[{"type":"bold"}]},{"type":"text","text":", and point it to any page, section or external URL with "},{"type":"text","text":"Link","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Choose any Lucide icon with "},{"type":"text","text":"Icon","marks":[{"type":"bold"}]},{"type":"text","text":", or switch off "},{"type":"text","text":"Show Icon","marks":[{"type":"bold"}]},{"type":"text","text":" for a clean text-only pill."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Preview the page and hover to see the launch, glint and shadow lift. Click and hold to see the pressed state."}]},{"type":"paragraph","content":[{"type":"text","text":"5. To recolor the chrome, open the component and select the "},{"type":"text","text":"Liquid Metal","marks":[{"type":"bold"}]},{"type":"text","text":" layer to adjust its colors, contrast and speed. Keep the speed the same in every state so the flow never resets on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"6. Change the font, padding, radius or face colors right on the canvas. The rim scales with the button, so it works from compact nav buttons to big hero CTAs."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal Use Cases"}]},{"type":"paragraph","content":[{"type":"text","text":"Metal Rim Button works well for:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Hero sections that need one standout call to action"}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS, AI and product launches with a premium feel"}]},{"type":"paragraph","content":[{"type":"text","text":"• Portfolios and agency sites that want a crafted, tactile detail"}]},{"type":"paragraph","content":[{"type":"text","text":"• Waitlist, pricing and sign-up pages that need a clear primary action"}]},{"type":"paragraph","content":[{"type":"text","text":"One small button, a lot of shine."}]}]},"introduction":"Chrome pill CTA with launch hover","slug":"metal-rim-button","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0f678-49fa-714b-86f7-de74342ef440.jpg","metadata":{"tint":{"h":0,"s":0,"l":36},"width":2390,"height":1792}}],"post":null,"createdAt":"2026-10-01T08:37:10.267Z","updatedAt":"2026-10-01T08:37:10.267Z","publishedAt":"2026-10-01T08:37:10.264Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Metal-Rim-Button-vu7M7B.js@kOpscp4XIskQvy0Xo0ZK","previewUrl":"https://metal-rim-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"kOpscp4XIskQvy0Xo0ZK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T08:37:11.172Z","updatedAt":"2026-10-01T08:37:11.172Z"},{"id":"01a0f0c4-dc3f-7305-9434-b1a15dc49d27","title":null,"body":"

Just launched AI FAQ Section!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched AI FAQ Section!"}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dtce302Du0Sc9wxhsV8q","resolved":true,"title":"AI FAQ Section","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AI FAQ Section is a minimal accordion FAQ for Framer with a live AI chat row at the end. Visitors type anything you didn’t cover and get a typed-out answer written from your own content, right inside the list. It connects to Claude, Gemini, OpenAI, Groq or OpenRouter through your own private AI link, filters bots without a captcha and respects reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add AI FAQ Section to any section and set its width. Add your questions in "},{"type":"text","text":"FAQs","marks":[{"type":"bold"}]},{"type":"text","text":" and choose which one starts open with "},{"type":"text","text":"Open Question","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste your pricing, policies, links and contact details into "},{"type":"text","text":"AI Knowledge","marks":[{"type":"bold"}]},{"type":"text","text":". Set tone, length or language with "},{"type":"text","text":"AI Instructions","marks":[{"type":"bold"}]},{"type":"text","text":" and the input text with "},{"type":"text","text":"AI Placeholder","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect your AI. It needs your own endpoint and does not work out of the box. Create a free Cloudflare Worker with the ready-to-paste code and 10-minute guide on the component canvas, then paste its URL into "},{"type":"text","text":"Endpoint URL","marks":[{"type":"bold"}]},{"type":"text","text":" on the AI Ask layer. Your API key never touches Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style fonts, colors, the send button, spacing and the typewriter reveal, and use "},{"type":"text","text":"Canvas Preview","marks":[{"type":"bold"}]},{"type":"text","text":" to design the empty, thinking, answer and error states."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune replies with rotating "},{"type":"text","text":"Thinking Words","marks":[{"type":"bold"}]},{"type":"text","text":", shimmer and dots, "},{"type":"text","text":"Strict Mode","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Fallback","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Error Text","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Max Output Tokens","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control usage with "},{"type":"text","text":"Question Limit","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Cooldown","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Max Question Length","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Bot Protection","marks":[{"type":"bold"}]},{"type":"text","text":". Add a Flow effect to its section for smoother expand motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview or publish to chat with it, since AI replies don’t run on the canvas."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Built by Daniyal Habib. Need a custom version? Email "},{"type":"text","text":"daniyalweb10@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:daniyalweb10@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal Use Cases"}]},{"type":"paragraph","content":[{"type":"text","text":"AI FAQ Section works well for:"}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS and product sites wanting instant answers without a chat widget • Landing pages where visitors ask questions you didn’t predict • Agencies handing clients an FAQ that actually talks back • Small businesses offering 24/7 help from their own content"}]}]},"introduction":"An FAQ that answers any question","slug":"ai-faq-section","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0f0c4-8c51-772d-ac4f-dbe72385d779.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-30T05:23:47.863Z","updatedAt":"2026-09-30T05:23:47.863Z","publishedAt":"2026-09-30T05:23:47.860Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ai-faq-assistant.framer.website/","price":"15","paymentUrl":"https://daniyalweb.gumroad.com/l/imesbo?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"bZR0eQbhQwGywNmakezW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T05:23:48.415Z","updatedAt":"2026-09-30T05:23:48.415Z"},{"id":"01a0a491-f347-745c-9cde-6249b38695ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"toIrVRjeQ9xBrahWUtdM","resolved":true,"title":"Push Menu Navigation","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Push Menu Navigation is a responsive Framer navigation component with a right-side, off-canvas menu that pushes your page aside. Built with editable native layers and Framer Motion, it pairs staggered menu links with customizable page-push animation. Close with Escape or a tap on the dimmed backdrop, while the page push respects reduced-motion preferences."}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place the navigation at the top of your page, fix it in position above your content, and choose a closed desktop or phone variant."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Group your page sections in one stack, keeping the navigation outside it; copy the supplied override code into a new Framer override file and apply it to the content stack once."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect your page, email, phone and social links, then edit the native layers to customize the logo, labels and typography."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose light or dark header styling, transparent or solid variants, corner radius, link hover color and page dimming; adjust desktop panel width or phone width inside the component."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune opening and closing page-push transitions, including timing, easing or spring behavior; edit menu reveal and link stagger timing separately on the canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview or publish to test the menu, links and responsive layouts, as the page-push effect does not run on the design canvas."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Ideal Use Cases"}]},{"type":"paragraph","content":[{"type":"text","text":"Push Menu Navigation works well for: • Designer and photographer portfolios • Creative agency and studio websites • Brand sites with prominent contact and social links • Framer projects needing responsive sidebar navigation"}]}]},"introduction":"Slide-out menu with page push","slug":"push-menu-navigation","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0a491-90a6-710e-9401-883a70db7fd4.png","metadata":{"tint":{"h":60,"s":77,"l":34},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T10:17:02.998Z","updatedAt":"2026-09-16T13:42:19.414Z","publishedAt":"2026-09-15T10:17:02.995Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Push-Menu-Navigation-sAkTG0.js@LpbvpeiV3XpWuXJY7npR","previewUrl":"https://push-menu.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"LpbvpeiV3XpWuXJY7npR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T10:17:03.559Z","updatedAt":"2026-09-15T10:17:03.559Z"},{"id":"01a06bdb-12ca-76af-9731-6f94f23052ee","title":null,"body":"

Liquid Glass Carousel 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid Glass Carousel "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jy8E8ZbbGANNhpqdV009","resolved":true,"title":"Liquid Lens Carousel","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid Lens Carousel is a WebGL image carousel for Framer, rendered with Three.js and custom GLSL shaders. A liquid glass lens magnifies the centered slide with chromatic dispersion, rim ripples, shimmer, and glow, while drag inertia, wheel scrolling, keyboard arrows, and autoplay with hover pause keep browsing effortless. It is fully CMS compatible: flip on CMS Mode to bind each slide’s image, title, subtitle, tag, and link straight from a collection, or curate slides manually with the built-in Items list.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the carousel into a frame with a generous fixed size, it automatically fills its parent.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add slides through the Items list (image, title, subtitle, tag, link, new tab), or enable CMS Mode and bind the fields inside a collection list.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shape the look with card height, gap, and radius, solid or transparent background, accent, text, and pill colors, plus title, subtitle, and tag fonts.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune the optics with lens color, glow, zoom depth, dispersion, rim ripple, scale, shimmer, and vignette.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set motion and input with reveal style, trigger, and transitions, autoplay interval, drag speed, friction, wheel mode, and keyboard navigation.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview or publish to test dragging, refraction, and links, since interactions run at runtime rather than on the design canvas.","marks":[{"type":"bold"}]}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Ideal Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Lens Carousel works well for:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Photography and architecture portfolios that want a gallery centerpiece • Agency and studio showcases running slides straight from the CMS • Editorial and lookbook sites presenting curated collections • Landing pages that need one memorable signature interaction","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Inspired by the work of Osmo and Yousuf Soomro.","marks":[{"type":"bold"}]}]}]},"introduction":"WebGL CMS liquid glass carousel","slug":"liquid-lens-carousel","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a0720c-1f58-7369-857f-2a08e059d3c2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-04T09:58:33.907Z","updatedAt":"2026-09-05T14:51:19.009Z","publishedAt":"2026-09-04T09:58:33.905Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://liquid-carousel.framer.website/","price":"8","paymentUrl":"https://daniyalweb.gumroad.com/l/ifaixv?wanted=true","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"H50VeLXU7Co8FEZCewWe","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-05T14:51:20.031Z","createdAt":"2026-09-04T09:58:34.442Z","updatedAt":"2026-09-05T14:51:20.031Z"},{"id":"01a037ea-128e-7651-a7d7-c63341268851","title":null,"body":"

3 months of work and my Therapist Template Alma is officially live 😮‍💨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3 months of work and my Therapist Template Alma is officially live "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71592","resolved":true,"title":"Alma","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A Template for Therapists, Coaches & Wellness Practitioners","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Alma is a warm, editorial template for therapists, psychologists, counselors, and coaches. It is built for practices where trust matters more than hype.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most therapy and coaching websites feel either cold and clinical or loud and salesy. Alma opens like a conversation: a personal introduction instead of a hard-sell hero, a values section that shows how you think, a clear step-by-step process, real client stories, and a contact page built around a free 15-minute intro call.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Made for Therapy, Counseling, Coaching & Mental Health","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Alma fits individual therapy, couples counseling, mental health support, life coaching, mindfulness and wellness work, and any solo professional who builds a practice one conversation at a time. Swap the copy, photos, and colors, and it reads just as naturally for a psychologist’s private practice as for a career coach or wellness studio.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Inside","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pages: Home, About, Services, Client Stories, Journal (blog), Contact, plus CMS-powered legal pages and a custom 404.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 CMS collections (Journal, Stories, Legal) for easy content updates","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form built around a free intro-call booking flow, with styled success, pending, and error states","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial slider, FAQ with smooth reveal, values, and process sections","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial serif typography with smooth text reveals, parallax, and scroll animations","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shared layout template for navigation and footer, so site-wide changes happen in one place","marks":[{"type":"bold"},{"type":"italic"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Responsive & Easy to Rebrand","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across 4 breakpoints, from large desktop to mobile. Change fonts and colors once and the whole site follows, making it easy to adapt for counselling, psychology, coaching, or wellness practices.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Launch a practice website that feels like you: warm, credible, and quietly professional.","marks":[{"type":"bold"},{"type":"italic"}]}]}]},"introduction":"Therapy, Coaching & Wellness","slug":"alma","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/uUMuo7temE1YA8pQi5ZtPWiROJKL02ZKwE22sOZwmFcg.m3u8","metadata":{"posterUrl":"https://image.mux.com/uUMuo7temE1YA8pQi5ZtPWiROJKL02ZKwE22sOZwmFcg/thumbnail.webp?time=3.833","aspectRatio":"4:3","duration":24.616667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a02f6d-83ac-72c9-999f-05316f68e989.png","metadata":{"tint":{"h":30,"s":36,"l":17},"width":2365,"height":1774}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a02f6d-9036-772d-89ea-9fa844ebae97.png","metadata":{"tint":{"h":60,"s":25,"l":13},"width":2365,"height":1774}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a02f6d-a82c-764a-990b-4321b178bdf1.png","metadata":{"tint":{"h":20,"s":25,"l":19},"width":2365,"height":1774}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/01a02f6e-0b44-77e9-8e07-16860a524170.png","metadata":{"tint":{"h":30,"s":44,"l":14},"width":2365,"height":1774}}],"post":null,"createdAt":"2026-08-20T06:39:26.216Z","updatedAt":"2026-10-06T04:34:24.785Z","publishedAt":"2026-08-20T06:39:26.213Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://daniyalweb.gumroad.com/l/qtcmsm?wanted=true","remixUrl":null,"previewUrl":"https://almaheartwell.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":200,"name":"Coaching","slug":"coaching"},{"id":205,"name":"Consulting","slug":"consulting"},{"id":248,"name":"Services","slug":"professional-services"},{"id":257,"name":"Therapy","slug":"therapy"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":257,"name":"Therapy","slug":"therapy"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-25T07:55:19.414Z","createdAt":"2026-08-20T06:39:26.797Z","updatedAt":"2026-08-25T07:55:19.414Z"},{"id":"019fb3ac-ec18-70fd-9b6c-e90659691cee","title":null,"body":"

Wrapped up the Journal page for Alma today ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrapped up the Journal page for Alma today "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/g94M901rNU56YzXeZUW313tNDgwIsWFZvqprGXW4T02yc.m3u8","metadata":{"posterUrl":"https://image.mux.com/g94M901rNU56YzXeZUW313tNDgwIsWFZvqprGXW4T02yc/thumbnail.webp?time=1.967","aspectRatio":"43:27","duration":25.1}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T15:38:02.141Z","updatedAt":"2026-07-30T15:38:02.141Z"},{"id":"019fa993-b520-75fd-99fa-d9cadddab897","title":null,"body":"

Obsessed with how the Stories page for Alma template turned out 🤩

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Obsessed with how the Stories page for Alma template turned out "},{"type":"emoji","attrs":{"name":"star_struck","emoji":"🤩"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/aZzpsZQ6MjtUFtjKHLL5wgz4Y94NhCQ024RU3ZHw91sM.m3u8","metadata":{"posterUrl":"https://image.mux.com/aZzpsZQ6MjtUFtjKHLL5wgz4Y94NhCQ024RU3ZHw91sM/thumbnail.webp?time=2.567","aspectRatio":"43:27","duration":39.4}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T16:34:17.510Z","updatedAt":"2026-07-28T16:34:17.510Z"},{"id":"019fa440-495a-7458-a1c3-6c297cae2633","title":null,"body":"

404 page of my therapist template, Alma 👀

Coming soon ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"404 page of my therapist template, Alma "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/f9z69fMoAjI02FVCEh8jw2Q00HUyj7aXW201xsP009zdKoA.m3u8","metadata":{"posterUrl":"https://image.mux.com/f9z69fMoAjI02FVCEh8jw2Q00HUyj7aXW201xsP009zdKoA/thumbnail.webp?time=1.633","aspectRatio":"43:27","duration":2.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T15:45:04.350Z","updatedAt":"2026-07-27T15:45:04.350Z"},{"id":"019f8acd-3006-746b-9fa4-3246070515e8","title":null,"body":"

Gave the WebGL light streaks component an animate in 👀

They fade in when you scroll into view now ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Gave the WebGL light streaks component an animate in "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"They fade in when you scroll into view now "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/vN00HeJWaSfcp02GvihSoLMwSxb501HNWVXmORSyg5nync.m3u8","metadata":{"posterUrl":"https://image.mux.com/vN00HeJWaSfcp02GvihSoLMwSxb501HNWVXmORSyg5nync/thumbnail.webp?time=5.05","aspectRatio":"43:27","duration":15.9}}],"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-22T17:08:50.827Z","updatedAt":"2026-07-22T17:08:50.827Z"},{"id":"019f801a-e2ba-701a-a52a-0b3436008ab0","title":null,"body":"

Sneak peek at the about page from my therapist template 👀✨

Still tweaking it, tell me what you'd change 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sneak peek at the about page from my therapist template "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Still tweaking it, tell me what you'd change "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/LOsKgvbGLjLvh2vzdPLA4g902O014noAVKY8AabKraq8g.m3u8","metadata":{"posterUrl":"https://image.mux.com/LOsKgvbGLjLvh2vzdPLA4g902O014noAVKY8AabKraq8g/thumbnail.webp?time=2.3","aspectRatio":"43:27","duration":33.016667}}],"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-07-20T15:17:53.472Z","updatedAt":"2026-07-20T15:17:53.472Z"},{"id":"019f6bce-6331-73d1-82bc-8f6fee7b096a","title":null,"body":"

Redesigned the button on my therapist template. The new one feels calm, way better fit for the niche 😮‍💨

Old or new, what's your take? 🤔

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesigned the button on my therapist template. The new one feels calm, way better fit for the niche "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Old or new, what's your take? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/2OOjVYqH53kIBI9NW6FZdddR4lko3uCSGYzNj83tWyg.m3u8","metadata":{"posterUrl":"https://image.mux.com/2OOjVYqH53kIBI9NW6FZdddR4lko3uCSGYzNj83tWyg/thumbnail.webp?time=11.85","aspectRatio":"481:270","duration":13.316667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T16:41:55.765Z","updatedAt":"2026-07-16T16:41:55.765Z"},{"id":"019f64d0-59a0-7059-8b9e-7b1e0e3319a4","title":null,"body":"

Cooked up custom WebGL light streaks for my Image components throughout the template 🔥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cooked up custom WebGL light streaks for my Image components throughout the template "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/7KRYsmJT01jVSPRBXIZX02CzAM00w35bgrgFZD3EsX51wU.m3u8","metadata":{"posterUrl":"https://image.mux.com/7KRYsmJT01jVSPRBXIZX02CzAM00w35bgrgFZD3EsX51wU/thumbnail.webp?time=5.367","aspectRatio":"43:27","duration":36.921333}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T08:06:43.876Z","updatedAt":"2026-07-15T08:06:43.876Z"},{"id":"019f5c34-2445-74f8-8532-8b5ff643f9f4","title":null,"body":"

Homepage of my first Framer template, Alma

Still in the works 👀✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage of my first Framer template, Alma"}]},{"type":"paragraph","content":[{"type":"text","text":"Still in the works "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/k4KJq00lool7RClVOrt600CQ027102N1EqYo3xgCDpMcMF00.m3u8","metadata":{"posterUrl":"https://image.mux.com/k4KJq00lool7RClVOrt600CQ027102N1EqYo3xgCDpMcMF00/thumbnail.webp?time=2.333","aspectRatio":"43:27","duration":33.804667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T15:59:08.872Z","updatedAt":"2026-07-13T15:59:08.872Z"},{"id":"019f33a3-b09f-7648-90f8-e17a8460d8c6","title":null,"body":"

Cooked up my most advanced navigation component yet 👀✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cooked up my most advanced navigation component yet "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"14574kftyMzd49OnEpAk","resolved":true,"title":"Mega Navigation","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega Navigation is a responsive navigation component for Framer that helps you build polished SaaS style menus with multi column dropdowns, featured cards, and smooth GSAP powered animations. It combines desktop and mobile navigation into a single, fully customizable component with no code changes required."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive Navigation — Optimized desktop mega menu and fullscreen mobile navigation. • Multi Column Dropdowns — Create dropdowns with up to four configurable columns. • Featured Cards — Add promotional cards with images, titles, descriptions, and CTA buttons. • GSAP Animations — Smooth dropdown, hover, and mobile menu transitions. • Animated Hover Indicator — Fluid highlight follows hovered navigation items. • Adaptive Dropdown Height — Automatically resizes between different menu layouts. • Flexible Routing — Supports Framer pages, anchors, external links, email, and phone links. • Connected Buttons — Use built in buttons or connect your own Framer button components. • Custom Branding — Replace the default logo with any connected logo component. • Fully Customizable Styling — Control colors, typography, borders, backgrounds, and spacing. • Optional Backdrop — Focus attention on open dropdown menus with a customizable overlay."}]},{"type":"paragraph","content":[{"type":"text","text":"Property Controls"}]},{"type":"paragraph","content":[{"type":"text","text":"• Navigation links and dropdown structure • Featured cards with optional images • Logo component • Connected or built in CTA buttons • Colors and typography • Border radius • Dropdown styling • Backdrop visibility and color"}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place Mega Navigation at the top of your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure your navigation links and dropdown content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the branding, colors, typography, and buttons."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site and enjoy fully animated desktop and mobile navigation."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Ideal for SaaS products, startups, agencies, AI tools, documentation sites, enterprise platforms, and any website that needs a modern, flexible mega menu."}]}]},"introduction":"Multi level dropdown navigation","slug":"mega-navigation","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0377da32-5157-43ad-9c57-e949e915db9e/fhsv1k7x","metadata":{"tint":{"h":282,"s":93,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-05T18:56:33.395Z","updatedAt":"2026-07-08T14:38:54.007Z","publishedAt":"2026-07-05T18:56:33.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mega-nav.framer.website/","price":"15","paymentUrl":"https://daniyalweb.gumroad.com/l/ngezb?wanted=true","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"PmnHJ09Pzp0BpdAMWA3P","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-05T18:56:33.439Z","updatedAt":"2026-07-05T18:56:33.439Z"},{"id":"019eeeec-1e7f-744f-bac6-892abcfd2822","title":null,"body":"

Framer team, could you please add support for video thumbnails on components too? The video thumbnail feature is already great for templates, and having it for components would make them feel much more polished and dynamic as well.

@Framer @Andreu

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer team, could you please add support for video thumbnails on components too? The video thumbnail feature is already great for templates, and having it for components would make them feel much more polished and dynamic as well."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","slug":"andreu","label":"Andreu","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T10:41:52.259Z","updatedAt":"2026-06-22T10:41:52.259Z"},{"id":"019e9343-730c-767c-8228-fdc115f80523","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DiQKkMtJXLcaCfidXAGm","resolved":true,"title":"Next Page On Scroll","body":"$59","bodyJson":null,"introduction":"CMS scroll transition for next page","slug":"next-page-on-scroll","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DiQKkMtJXLcaCfidXAGm/next-page-on-scroll-1kBTJYTOa1FyAtLuG00A7bBo8CroEM","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-14T15:06:56.861Z","updatedAt":"2026-06-04T15:27:32.711Z","publishedAt":"2026-06-04T15:32:11.660Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://next-page-on-scroll.framer.website/blog/getting-started","price":"6","paymentUrl":"https://daniyalweb.gumroad.com/l/toemv?wanted=true","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"nU5SwoSLsa3naQJZEbZX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-04T15:32:11.660Z","updatedAt":"2026-06-04T15:32:11.660Z"},{"id":"019e7d2c-d006-7e9c-944d-216a1a671376","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aIYkboOGxCc1HifRPLh4","resolved":true,"title":"Fluid Video Lightbox","body":"$5a","bodyJson":null,"introduction":"CMS-ready expandable video lightbox ","slug":"fluid-video-lightbox","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/aIYkboOGxCc1HifRPLh4/fluid-video-lightbox-nEgTY7u6Yvb5UJ0HMgJR30fiFTfX7G","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T16:39:57.244Z","updatedAt":"2026-05-30T14:06:51.809Z","publishedAt":"2026-05-31T08:35:49.382Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Video-Lightbox-Smooth-kF8e74.js@1KwmCSynQ8tC1wko9mPK","previewUrl":"https://video-lightbox.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"1KwmCSynQ8tC1wko9mPK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":52,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T08:35:49.382Z","updatedAt":"2026-05-31T08:35:49.382Z"},{"id":"019dba97-25bc-7d8a-9511-789005d1ac66","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v9Fx3iJTH5DewzynfvaA","resolved":true,"title":"Silky Mouse Trail","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Silky Mouse Trail is a high-performance cursor trail effect that renders a fluid ribbon following the user’s pointer. It uses a canvas-based system with custom physics to simulate inertia, damping, and speed-based motion."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The trail dynamically adjusts width and color based on cursor velocity, creating a natural, silk-like flow. It runs outside the canvas in preview and publish mode, while staying invisible in the editor using a canvas guard."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Silky Mouse Trail includes the following features out of the box:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Physics-Based Motion — Smooth trailing effect with inertia, damping, and velocity influence• Speed Reactive Width — Trail expands and contracts based on cursor speed• Gradient Color Blending — Seamless transition between head and tail colors• High Performance Canvas Rendering — Efficient drawing loop using requestAnimationFrame• Stable Motion Handling — Prevents jitter and glitches with smart edge calculations• Pointer Tracking — Follows cursor with accurate and responsive updates• Auto Resize Support — Adjusts canvas resolution based on screen size and pixel ratio• Canvas Guard — Hidden in editor, active only in preview and live mode• Non-Interactive Layer — Pointer events are disabled so it never blocks UI"}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Length — Controls the number of segments in the trailHead Width — Sets the thickness of the trail at the frontTail Width — Sets the thickness at the end of the trailHead Color — Defines the color near the cursorTail Color — Defines the color at the end of the trailDamping — Adjusts how tightly the trail follows the cursorMax Speed — Sets the speed threshold for width scalingZ-Index — Controls stacking order above other layers"}]},{"type":"customHeading","content":[{"type":"text","text":"Ideal Use Cases"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Portfolio websites that need a unique cursor effect• Agency and studio sites with strong visual identity• Landing pages that benefit from subtle motion• Interactive experiences and creative projects"}]},{"type":"paragraph","content":[{"type":"text","text":"It adds a polished, modern feel without interfering with layout or interactions."}]}]},"introduction":"Fluid trail with dynamic motion","slug":"silky-mouse-trail","author":{"framerUserId":"0377da32-5157-43ad-9c57-e949e915db9e","name":"Daniyal Habib","slug":"daniyalweb","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1271714/avatar-8E77IXnX9HLKLrOPuUGBp3gf2I7AYE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/v9Fx3iJTH5DewzynfvaA/silky-mouse-trail-WGiXvnguoyUweMyuO4MRwM1Q9Eqx8w","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-15T17:40:14.882Z","updatedAt":"2026-07-23T06:49:31.889Z","publishedAt":"2026-04-23T13:46:01.020Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://silky-mouse-trail.framer.website/","price":"8","paymentUrl":"https://daniyalweb.gumroad.com/l/azndt?wanted=true","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"KpAM3VJxX0DaFhjqVBQm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":124,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-23T13:46:01.020Z","updatedAt":"2026-04-23T13:46:01.020Z"}],"pagination":{"next":"MDE5ZGJhOTctMjViYy03ZDhhLTk1MTEtNzg5MDA1ZDFhYzY2","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]