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

64: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.

65: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.

66: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.

67: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.

68: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.

69: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.

6a:T14aa,

Growing Navigation is a fully animated hamburger navigation built for Framer. It expands horizontally on desktop and fills the full screen on mobile. You get a clean fullscreen menu with no extra code.

Every interaction runs on Framer Motion. Links slide in with opacity and blur for a smooth layered reveal. Closing the menu plays the same animation in reverse. A dimmed overlay appears behind the panel and closes it on click.

On mobile (767px and below), the menu switches to fullscreen, locks scroll, and restores it on close. Pressing Escape closes it as well. On the canvas, you see a static collapsed preview for easy placement.

Growing Navigation uses Framer’s router to handle navigation. It resolves routes and anchors automatically. External links open in a new tab.

Features

Animated Hamburger ToggleTwo bars morph into an X. Hover shows a preview of the shift.
Blur-Fade Staggered LinksLinks enter with vertical slide, opacity, and blur. Each item is staggered by 80ms.
Mobile Fullscreen LayoutOn small screens, the menu fills the viewport with proper padding and scroll lock.
Framer Router NavigationHandles internal routes and anchor links. External URLs open in a new tab.
Social Links PanelA secondary column for social links with hover arrow reveal and sibling dimming.
Tagline TextOptional short text block above social links.
Backdrop OverlayDark overlay fades in and closes the menu on click.
Backdrop Filter SupportControl blur, saturation, and brightness for a frosted glass look.
Escape Key SupportPress Escape to close the menu.
Canvas PreviewStatic collapsed view for accurate layout in Framer.

Property Controls

Navigation

Nav LinksArray of links with Label, URL, and New Tab toggle.
Nav FontFont family and size for links.
Nav ColorText color for navigation links.
Link SpacingVertical padding for each link.

Social & Tagline

Social LinksArray of links with Label, URL, and New Tab toggle.
Social FontFont family for social links.
Social ColorText color for social links.
Tagline TextShort text above social links.
Tagline FontFont family for tagline.
Tagline ColorText color for tagline.

Branding

Logo ImageResponsive logo in the collapsed bar.
Logo LinkURL for logo click.
Logo WidthWidth in pixels.

Styling

Toggle ColorColor of hamburger bars.
Divider ColorColor of dividers and panel edges.
Nav BackgroundBackground color of the panel.
Bg BlurBlur level in pixels.
Bg SaturationSaturation percentage.
Bg BrightnessBrightness multiplier.

Layout

Width (Open)Max width of panel on desktop.
Hamburger SizeSize of the toggle button.

How to Use

Add Growing Navigation to your page and place it as a header on top of all your layers. (Recommendation: Place it in your main template so you don't have to edit the navigation properties manually on every single page of your Framer project.)
Open Nav Links and add labels and URLs.
Set your Logo Image and link it to your homepage.
Add Social Links and a short Tagline.
Adjust colors, blur, and background to match your style.
Set Width (Open) for desktop layout.
Publish and test on mobile to check fullscreen behavior.

Ideal Use Cases

Portfolio and agency sites that need a bold navigation moment
Studio and creative projects that want one system for desktop and mobile
Framer sites that rely on router-based navigation
Projects that include social links and a short brand message in the menu

Growing Navigation handles both internal routing and external links without extra setup.

6b:T733,

Free for the first 50 installs, grab it while it’s still free.

This component animates each word with a clean pop and drift effect, paired with small shape accents for added character. It is built for clarity, performance, and easy control inside Framer.

Word-by-word reveal animation with smooth timing
Shape accents with circle, square, or mixed patterns
Appear or scroll-based trigger options
Optional replay on scroll for repeated animations
Adjustable delay and stagger for precise timing control
Fully customizable typography using Framer font controls
Supports multiple heading tags or paragraph text
Text alignment control for layout flexibility
Auto visibility on canvas for easy editing
Clean CSS-based animation for smooth performance

Property Controls

Text: Edit the full text content
Tag: Choose heading level or paragraph
Align: Set text alignment
Font: Customize font family, size, weight, spacing
Color: Set text and accent color
Trigger: Choose between appear or scroll activation
Replay: Enable repeat animation on scroll
Delay: Set initial animation delay
Stagger: Control delay between each word
Shapes: Select circle, square, or mixed accents

6c:T909,

Logo Cycle Pro is an animated logo grid designed for Framer websites.

It displays logos in a clean grid layout and continuously swaps them with smooth transitions, creating a dynamic and engaging visual section. Perfect for showcasing clients, partners, or brand collaborations without overwhelming the layout.

The component includes multiple animation styles like Blur Rise, Slide, Crossfade, Drift, and Reveal — allowing you to match the motion to your brand style.

You can fully control grid layout, animation speed, logo sizing, and styling directly from the property panel.

Features

Animated Logo CyclingLogos automatically swap at set intervals, keeping the section dynamic and visually engaging.

Multiple Animation StylesChoose from five animation types:• Blur Rise• Slide• Crossfade• Drift• Reveal

Flexible Grid LayoutControl the number of columns and rows to fit any layout.

Full CustomizationAdjust:• Logo size• Grid gap• Cell background• Border radius• Animation timing

Smart Logo RotationEnsures logos don’t repeat immediately, creating a smooth and natural cycling effect.

Canvas-Friendly PreviewAnimations are disabled on the canvas for a clean editing experience and only run in preview/live mode.

How to Use

Step 1 — Add the component

Paste the component into your Framer canvas.

Step 2 — Set your grid

Adjust columns and rows to define how many logos are visible.

Step 3 — Add logos

Upload your brand or client logos in the property panel.

Step 4 — Choose animation

Select an animation style and adjust timing.

Step 5 — Customize styling

Fine-tune spacing, colors, and logo sizing to match your design.

Ideal Use Cases

SaaS landing pages • Agency websites • Startup websites • Portfolio projects • Client/partner showcase sections

Property Controls

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-0377da32-5157-43ad-9c57-e949e915db9e-all:/unified/creator/0377da32-5157-43ad-9c57-e949e915db9e/activity/":[{"data":[{"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/fwwmlizx","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"},{"id":"019fd08e-5407-748d-bc42-7bc552ea6cf9","type":"comment.liked","target":{"type":"comment","id":"019fcdac-fa64-7698-aa07-4beab6f65fe3","preview":"EDIT: the settings are on the right pane, silly me\nHello I purchased the component, when I double click it, i enter a tsx file that's only editable in code. is this the intended way to edit ?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"EDIT: the settings are on the right pane, silly me","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hello I purchased the component, when I double click it, i enter a tsx file that's only editable in code. is this the intended way to edit ?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f33a3-b09f-7648-90f8-e17a8460d8c6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fcdac-fa64-7698-aa07-4beab6f65fe3"},"repost":null}},"context":{"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}}},"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:36.386Z","latestAt":"2026-08-05T06:13:36.386Z"},{"id":"019fb3ad-4902-76e6-bc72-c42fb1cc6a00","type":"creator.followed","target":{"type":"creator","id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","preview":"Hamim Reza","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","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-07-30T15:38:25.917Z","latestAt":"2026-07-30T15:38:25.917Z"},{"id":"019fb3ad-46eb-7505-8a86-d84dc121866a","type":"creator.followed","target":{"type":"creator","id":"bff3951c-3dae-44f7-82f5-07350eccff15","preview":"Otvos","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","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-07-30T15:38:25.383Z","latestAt":"2026-07-30T15:38:25.383Z"}],"pagination":{"next":"MjAyNi0wNy0zMFQxNTozODoyNS4zODNafDAxOWZiM2FkLTQ2ZWItNzUwNS04YTg2LWQ4NGRjMTIxODY2YQ","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":"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":"$63","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://framer.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":"$64","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":"$65","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-09-09T13:46:19.494Z","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":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":13,"name":"Health","slug":"health"},"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":[]}}],"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":"$66","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":"$67","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":"$68","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://framer.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":"$69","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"},{"id":"019d90a4-8c20-77e4-864c-c09880846efa","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":"pwqdwTiDikzFpvlbzC5P","resolved":true,"title":"Growing Navigation","body":"$6a","bodyJson":null,"introduction":"Animated hamburger nav that grows open","slug":"growing-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/components/pwqdwTiDikzFpvlbzC5P/growing-navigation-XQg9mAqP6kVd4sS7SoplsCqWOr5aKf","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-08T16:51:27.261Z","updatedAt":"2026-07-10T11:00:05.444Z","publishedAt":"2026-04-15T10:16:36.128Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://growing-navigation.framer.website/","price":"10","paymentUrl":"https://daniyalweb.gumroad.com/l/yasjk?wanted=true","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"eHiahjC7qJzxjIIYpESF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":76,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T10:16:36.128Z","updatedAt":"2026-04-15T10:16:36.128Z"},{"id":"019d9025-f1e6-79ae-91c5-3588f02231ca","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":"fWOtFLHReF5QXaauEJpm","resolved":true,"title":"Word Pop Reveal","body":"$6b","bodyJson":null,"introduction":"Animated text that feels alive","slug":"word-pop-reveal","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/fWOtFLHReF5QXaauEJpm/word-pop-reveal-4SNZH9XdUjCE8soOkTQQAiU7VP9pd7","metadata":{"tint":{"h":222,"s":94,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-06T16:29:07.114Z","updatedAt":"2026-04-20T07:21:26.266Z","publishedAt":"2026-04-15T07:58:19.110Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Word-Pop-Reveal-8rlYZJ.js@KB1GYJFjuihVhDt1zQBB","previewUrl":"https://words-pop-reveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"KB1GYJFjuihVhDt1zQBB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T07:58:19.110Z","updatedAt":"2026-04-15T07:58:19.110Z"},{"id":"019d4829-9b34-7d6f-9ac6-b2dc983ad574","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":"K5fRQmIJOS9KavHEnU5A","resolved":true,"title":"Logo Cycle Pro","body":"$6c","bodyJson":null,"introduction":"Animated logo grid with smooth cycling","slug":"logo-cycle-pro","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/K5fRQmIJOS9KavHEnU5A/logo-cycle-pro-U1SX4MUUDBcR4nYmD2xi5qInGKK9si","metadata":{"tint":{"h":171,"s":50,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-19T18:24:31.121Z","updatedAt":"2026-07-07T13:36:26.146Z","publishedAt":"2026-04-01T08:29:39.508Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://weekly-stegosaurus-185279.framer.app/","price":"6","paymentUrl":"https://daniyalweb.gumroad.com/l/exrcmh?wanted=true","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"EVGX8csyuBGFoVfmQkCY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-01T08:29:39.508Z","updatedAt":"2026-04-01T08:29:39.508Z"}],"pagination":{"next":"MDE5ZDQ4MjktOWIzNC03ZDZmLTlhYzYtYjJkYzk4M2FkNTc0","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6d"}]