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

Modor© is a Framer website template built for design and development agencies, creative studios, and digital teams that want to present their work with clarity and impact without wasting time on heavy customization or coding.

What you get:

A professional structure with home, about, portfolio, and blog pages.
Built-in sections to highlight services, process, and case studies.
Trust-building design elements , testimonials, metrics, and clean layouts.
Clear CTAs and forms placed strategically to convert visitors.
Fully responsive design that adapts seamlessly across all devices.
Simple customization for colors, fonts, and images — no coding needed.

Why it works:

Modor is designed for agencies that value both creativity and efficiency. The layout focuses on clarity, helping you present your services and portfolio in a way that feels modern and trustworthy. With strong visuals and thoughtful content structure, it guides visitors toward action

Even if you’re new to Framer, Modor gives you a polished foundation. Just swap in your content, publish, and you’ll have a professional site that communicates credibility, showcases your skills, and attracts the right clients.

Pages included:

Home
About
Our Work (CMS – case studies)
Blog (CMS)
Contact
404Questions? Reach out via x.com

53:T80e,

About

Arachne Web Canvas adds an interactive, procedural web background with crawling arachnid entities right inside your Framer projects. Drop it into hero sections, dark mode themes, or interactive landing pages to give your site an edge and keep visitors engaged.

What it does Renders a custom canvas with a particle field where interactive spiders autonomously crawl, reach out, and anchor their legs onto nearby floating dots. The component calculates leg reach, body motion, and directional facing in real time, featuring interactive cursor targeting, floating drift, and custom lighting aura effects around the entities.

What you can customize

Canvas & background: Canvas background color, vignette intensity, particle grid density, scatter randomness, and floating drift speed.
Particles & aura: Particle dot shape (square or circle), dot size, color, size variety, twinkle speed, and dynamic aura lighting radius around spider bodies.
Spider body & legs: Spider body shape, body size, body color, body glow, face motion toggles, number of legs, leg color, leg opacity, leg fade, leg reach, and leg spread.
Physics & anchors: Step animation speed, leg anchor tip color, anchor size, anchor glow intensity, motion trigger modes (cursor + idle), and movement smoothing settings.

Great for

Hero sections & dark theme landing pages
Creative portfolio sites
Gaming & tech project layouts
Interactive event landing pages
Web3 & futuristic UI showcases

Share your build If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.

Need help? Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

54:T838,

About

StepFlow adds dynamic multi step forms directly into your Framer projects. Drop it into your contact pages, client onboarding flows, or enquiry sections to give visitors a smooth, interactive submission experience without complex setup.

What it does

Renders a customizable multi step form interface that handles user input across multiple stages. It connects directly to custom endpoints like Zapier webhooks, saves completion progress locally, and includes built in spam traps and submission timer protection against bots. The component supports keyboard navigation, customizable progress displays like outlines or progress bars, automatic redirects, and custom completion messages.

What you can customize

Form & Endpoint Settings: Endpoint URL, save key, retention duration, hidden fields, spam trap, minimum submission time, redirect URL, custom button labels.
Navigation & Progress: Toggle back button, step jumping, keyboard shortcuts, step counters, progress bar or outline mode, percentage indicator, progress saving.
Typography & Styling: Title, body, label, input, and button typography, custom colors for surface, fields, text, muted text, borders, accents, success, and error states.
Layout & Visual Effects: Padding, element gaps, corner radius, drop shadows, ambient glow effects, film grain, and native UI light or dark mode.

Great for

Lead generation and enquiry pages
Client onboarding and intake forms
Multi step survey sections
Contact and feedback pages
Custom service booking flows

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.

55:T770,

About MediaGrid Pro adds an interactive, high impact media gallery directly to your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to display dynamic images and autoplaying videos with fluid animations and hover focus effects.

What it does Renders a custom responsive media grid that smoothly reveals your images and videos with staggered loading effects. It handles interactive hover zoom, automatically dims surrounding elements to focus on hovered media, supports video autoplay, and offers smooth scrolling easing. It also includes an optional fixed UI menu bar and customizable preloader animations.

What you can customize

Layout and spacing: Set column counts independently for desktop, tablet, and mobile, customize grid gap, inner padding, corner radius, image fit modes, and specify wide spanning items.
Animations and reveals: Adjust stagger timings, reveal durations, flash speed, hover zoom intensity, sibling dimming opacity, and preloader load times.
Controls and UI: Toggle smooth scroll easing, video autoplay options, fixed UI navigation controls, menu toggle settings, copyright details, background shades, and UI colors.

Great for

Hero sections and landing pages
Creative agency portfolios and photo galleries
Product showcases and media showcases
Modern studio websites and interactive showcases

Share your build If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help? Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.

56:T895,

About

Parallax Matrix 3D lets you create immersive, interactive floating image and object scenes in Framer. Perfect for modern hero sections, creative agency portfolios, or interactive showcases, it allows elements to react fluidly as visitors scroll, move their mouse, or tilt their mobile device. Give your layouts immediate depth and a premium dynamic feel without writing a single line of code.

What it does

Renders a custom collection of 3D objects with realistic depth blur, scaling, and entrance animations. It tracks page scrolling and mouse position to move elements smoothly along a dynamic parallax grid. Features built in support for mobile device tilt, gentle idle floating effects, and staggered entrance timing so your elements reveal themselves in a natural, eye catching sequence.

What you can customize

Core controls: Add custom objects, control scroll parallax intensity, and switch scroll direction between up or down.
3D depth & effects: Adjust scale strength, automatic depth blur for background items, and global 3D perspective depth.
Interactions: Toggle mouse parallax with custom movement strength, enable phone/tablet device tilt, and activate subtle idle floating with speed and amplitude controls.
Entrance style: Enable staggered entrance animations with customizable delay timing between elements.

Great for

Modern hero sections and landing page banners
Portfolio showcases and creative agency sites
Interactive product feature highlights
App presentation screens and landing pages
Creative background visuals that respond to user motion

Share your build

If you build something cool with this component, drop a link on X and tag me @Dulajweb or send it over. I would love to check out what you create.

Need help?

Got questions or suggestions? Reach out anytime via email at dulajdilshan766@gmail.com or send a message on X @Dulajweb.

57:T917,

About

Dome Gallery Pro brings a smooth, curved 3D poster wall experience directly into your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to give your visitors an interactive way to explore images and media. With custom lens controls, smooth motion physics, and interactive focus states, this component gives your site an instant high end feel without touching any code.

What it does

Renders a dynamic 3D curved grid that holds multiple media cards. It seamlessly handles smooth scrolling and dragging motions across the wall. Clicking on any card triggers a fluid focus animation that zooms into the image while displaying a customizable info panel with extra details. You can easily feed image arrays into the media control and adjust grid layouts on the fly.

What you can customize

Cards & Media: Easily upload image items or connect custom data source objects to power the wall content.
Grid Layout: Toggle orientation modes like Portrait, adjust item size, tweak column counts, and control grid spacing.
Lens Effect: Fine tune the curvature intensity, perspective depth, and distortion properties to shape the dome look.
Focus & Click: Set custom zoom scale, zoom speed, and offset values when visitors click to inspect a card.
Info Panel: Control panel visibility states, expand animations, and adjust drawer width for details.
Motion & Appearance: Tweak friction, momentum, drag physics, border radius, and overall component styling.

Great for

Creative agency portfolio showcases
Photography and artwork galleries
Product feature walls and showcases
Interactive hero sections on landing pages
Event posters and media archives

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

58:T845,

About

Logo Stroke & Reveal Preloader brings smooth, customizable logo animations straight into your Framer projects. Drop it into your hero section, splash screen, or loading state to give your site an immediate high-end feel. It supports SVG path drawing and image wipe reveals, giving you complete control over how your brand logo appears on load.

What it does

Renders animated SVG paths or image reveals with fine tuned playback controls. It handles view triggers, speed adjustments, and easing curves automatically while letting you set custom delays, replay behaviors, and background styling. The component also features a canvas preview mode so you can see the completed state directly inside the Framer editor without breaking your design workflow.

What you can customize

Source & Mode: Switch between SVG file upload, direct path data, or image reveal modes (including directional wipes).
Playback Controls: Adjust playback state, animation speed, duration, start delay, and easing profiles.
Triggers & Viewport: Set trigger types like In View with customizable visibility percentages and optional replay functionality.
Layout & Style: Toggle background visibility, customize background color, adjust logo scaling, loop options, and canvas preview states.

Great for

Hero sections and splash screens
Brand reveal transitions
Portfolio and agency landing pages
Product launch teasers
Interactive web experiences

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.

59:T777,

About

3D Scroll Canvas brings an immersive, floating 3D photo gallery straight into your Framer projects. Perfect for landing pages, portfolio displays, or creative sections where you want images to react dynamically as users scroll through your site. Customizing everything takes just a few clicks, giving you full control over depth, motion, and visual style.

What it does

Creates a smooth 3D spatial canvas that displays your image collection with realistic mouse parallax and hover zoom effects. The component handles layout positioning automatically based on your seed settings, supports image links, and allows wheel or touch controls to capture page scroll for a dedicated interactive experience.

What you can customize

Layout and Spacing: Total image count, base image size, size variance, X/Y spatial spread, and layout seed variations.
Interactions and Effects: Mouse parallax intensity, hover zoom effect scale, and capture scroll toggle.
Typography and Visuals: Show or hide image titles, customize title font, size, and color, plus optional background color or transparency settings.

Great for

Creative agency portfolios and photo showcases
Product feature highlights on landing pages
Interactive hero sections
Studio and designer work previews
Media rich background sections

Share your build

If you build something cool with this, tag me on X @Dulajweb or send it my way. I always love seeing what everyone creates with these components.

Need help?

Got questions, feedback, or need a hand setting it up? Drop me a line anytime at dulajdilshan766@gmail.com or send a message on X @Dulajweb

5a:T92d,

About

3D Perspective Scroll brings dynamic depth and fluid interactivity to your Framer showcase. Built with an ultra smooth layout system, it allows visitors to scroll through your featured work with real time perspective tilt, floating typography, and subtle RGB effects. Perfect for creative studios, designers, and developers looking to add an immersive experience to their site.

What it does

Renders a custom vertical media stack with dynamic 3D perspective rotation, scroll physics, and interactive hover mechanics. As users navigate the list, rows tilt along a 3D plane, floating titles react to cursor movement, and smooth inertia physics deliver an award winning browsing experience. Features a progress indicator, project counter, dynamic background overlays, and optional scroll hints.

What you can customize

3D Perspective & Motion: Tweak perspective strength, scroll tilt, mouse tilt response, depth offset, speed multipliers, and inertia drift.
Visual Effects: Adjust RGB chromatic aberration, stretch intensity, title drift, parallax strength, image zoom, opacity dimming, grayscale toggles, and background overlay colors.
Typography & Styling: Full control over title and meta fonts, sizes, letter spacing, uppercase toggles, hover states, and meta accent colors.
UI Controls: Toggle the progress bar, project counter, and custom scroll hint text on or off with custom color controls.

Great for

Creative agency landing pages
Design and developer portfolio showcases
Product launch teasers and feature highlights
Interactive case studies and work archives
High impact hero sections

Share your build

If you build something cool with this component, drop it on X and tag me @Dulajweb or send a message over. I would love to see what you craft.

Need help?

Have questions, suggestions, or feedback? Feel free to reach out anytime via email at dulajdilshan766@gmail.com or on X @Dulajweb.

5b:T90d,

About

SplitSide brings an elegant, highly interactive team showcase layout straight into your Framer projects. Perfect for landing pages, about sections, or portfolio screens, this component splits imagery and typography into a perfectly balanced, responsive layout.

What it does

It renders a dynamic split screen grid that beautifully pairs team member imagery with contextual text, bios, and links. The component handles custom image column widths, adjusts text alignments, and includes built in navigation arrows and progress tracking indicators.

What you can customize

Layout & Spacing: Adjust member counts, individual profile items, panel padding (horizontal and vertical), and custom text max widths to perfectly align with your grid.
Image Controls: Toggle photos to the left, right, or alternating layouts. Fine tune the image column width percentage, component height, and select image fitting options like cover.
Typography: Fully customize font sizes, line heights, letter spacing, and weights for names, roles, and bios. You can even force roles to uppercase for a cleaner aesthetic.
Animations: Switch up photo transitions (like slide) and text transitions (like fade up). Fine tune the transition duration and text stagger speeds, and toggle direction aware movement on or off.
Navigation & Extras: Show or hide progress bars, configure progress bar positions (top or bottom), and align arrows perfectly with customizable styles, sizes, and layout options.
Styling & Tags: Toggle skills or department tags with outline styles, control tag sizes, and fully customize color palettes for backgrounds, names, roles, bios, accents, dividers, and buttons.

Great for

Agency about pages
Corporate team spotlights
Founder and speaker profiles
Portfolio creative retrospectives
High end studio showcase sections

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

5c:T8cd,

About

VibeFlow Carousel brings a premium, deeply immersive 3D presentation layer to your Framer projects. Drop it into a team showcase, a portfolio gallery, or a featured product section, and let your users glide through content with seamless, organic depth. It is built to feel exceptionally smooth, giving your site that high end,

What it does

Renders a fully dynamic coverflow layout that handles multi card arrangements with realistic 3D perspective, smart spacing, and fluid depth layering.

What you can customize

Layout & Perspective: Set your exact card width and height, adjust card border radius, tweak the side card 3D rotation angle, control X and Z offsets, and change the overall camera perspective and visible card count on each side.
Animations & Interaction: Toggle mouse wheel, keyboard, or drag navigation on/off, adjust drag sensitivity sliders, and choose between snappy springs, smooth eases, or linear transition curves.
Visual Styling: Enable or disable soft background gradients with precise top and bottom hex controls. Toggle reflections on/off while adjusting height, opacity, blur radius, and soft gradient masks. You can also customize center scaling, soft drop shadows, and modern arrow button styles.
Typography & Content: Fully control fonts, text sizes, and colors for names, roles, and subtitles. Toggle detail visibility below cards, set custom CTA button labels, and configure default click-through links seamlessly.

Great for

Meet the team and agency profile pages
Premium portfolio item showcases
Luxury brand feature galleries
Digital product or media carousels
High end landing pages looking for a distinct visual anchor

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

5d:T816,

About

Editorial Carousel brings the classic, vintage aesthetic of traditional print media straight into your modern Framer projects. Drop this elegant team and showcase slider into your About page, company profile, or digital magazine layout to display your crew or featured stories with authentic newspaper styling.

What it does

It dynamically generates a clean layout or responsive slider for your team cards, mimicking old school editorial journalism. The component handles custom columns, text dividers, drop caps, and blockquotes seamlessly. It provides built in pagination and beautiful, fluid stagger animations as items enter the screen.

What you can customize

As shown across the control panels in 3.png, 2.png, and 1.png, you have complete design freedom:

Layout and Content: Adjust total member count, column numbers, custom rule divider widths, and featured item spans. You can also customize your call to action text like "Read Full Story" as seen in 3.png.
Typography and Styling: Toggle editorial drop caps, select serif or sans header fonts, and fine tune text tracking, sizes, and line heights based on the layout options in 2.png.
Visuals and Motion: Tweak headshot sizes, apply photo filters, adjust borders, and choose custom background, accent, or rule colors. Set up smooth fade animations with custom duration and stagger intervals from the controls in 1.png.

Great for

Company about and team pages
Digital news and magazine layouts
Portfolio summaries and author bios
Creative agency landing pages

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

5e:T8e5,

About

SphereFlow 3D brings a stunning, fully interactive 3D sphere carousel straight into your Framer projects. Perfect for main heroes, creative portfolios, or feature showcases, this component lets you display images in an immersive three dimensional space. Visitors can easily drag, spin, and click items, making your site feel dynamic, premium, and highly engaging without touching a single line of code.

What it does

It arranges your images into a beautiful, rotating 3D sphere that responds naturally to user inputs. The component handles smooth auto rotation across both X and Y axes, manages drag sensitivity with realistic inertia damping, and applies depth blur to create a realistic sense of focus. It automatically highlights hovered items .

What you can customize

Sphere layout: Control the total item count, adjust the sphere radius, scale individual item sizes, tweak perspective depth, and change the overall container sizing to fit any layout.
Motion & physics: Toggle auto rotation on or off, set specific speeds for X and Y rotation, adjust drag sensitivity, enable pause on hover, and fine tune inertia damping for fluid movement.
Styling & effects: Customize item border radius and border colors, configure depth blur, and set near or far fog colors to seamlessly blend the sphere into your background.
Interaction & links: Enable click to open behavior, set default target links, choose whether to open links in a new tab, show or hide labels, and fully customize label fonts.

Great for

Portfolio projects and work showcases
Immersive hero sections on landing pages
Visual moodboards and gallery displays
Product feature highlights
Dynamic team or client logo grids

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

5f:T8af,

About

PerspectiveGrid brings a dynamic, immersive 3D depth effect to your Framer projects. Drop it into your portfolio, product showcases, or landing pages to give visitors an interactive visual experience that responds smoothly to their mouse movement. It transforms flat image arrays into multi-layered grids that bend, scale, and shift as users explore your site.

What it does

It displays a multi-column image grid complete with advanced perspective calculations. As the cursor moves, the component dynamically tracks its coordinates to calculate real-time skew, rotation, and staggering delays across your media items. This creates a striking sense of physical depth while keeping your layout fully responsive and fluid.

What you can customize

Grid Layout: Set the exact number of columns, gap spacing, element aspect ratios, container height, and individual corner radiuses.
Depth & Motion: Control the perspective depth, parallax intensity, maximum rotation angle, skew amount, scale ranges, and individual layer stagger delays.
Visual Enhancements: Add extra polish by tweaking the blur strength, brightness ranges, contrast boosts, or laying down an overlay color with custom opacity.
Marquee & Interaction: Toggle a scrolling text marquee directly within the layout, adjusting its speed, font size, background, and colors. You can also assign custom click URLs to make elements completely interactive.

Great for

Creative portfolio galleries
Immersive product and launch pages
Hero sections that need a strong first impression
Visual mood boards and brand assets
Interactive photography layouts

Share your build

If you build something awesome with this grid, share it on X and tag me @Dulajweb. I love seeing how people push these layouts.

Need help?

Have any feedback or hit a roadblock? Drop me a line at dulajdilshan766@gmail.com or send a DM over on X @Dulajweb.

60:T77c,

Live Preview - https://aetheraitemplate.framer.website/

Aethra is a bold, editorial-style Framer template built for AI platforms, SaaS products, and creative technology studios. With 12 carefully crafted pages, a striking Ink & Paper visual identity, and expressive editorial typography, Aether gives your product a brand presence that feels premium from the very first scroll.

12 Pages Included:

— Home with hero, services, stats, how-it-works, pricing, testimonials, FAQ, and contact sections

— 4 Platform feature pages (Brand Model, Generation Studio, Brand Memory, API & Integrations)

— Company / About page

— Pricing page with monthly & yearly billing toggle

— Selected Work with CMS-powered case study detail pages

— Newsroom / Blog with CMS-powered article pages

— 404 page

Key Features:

— Fully responsive across desktop, tablet, and mobile

— 2 CMS collections (Work & Newsroom)

— add content without touching the design

— Animated stats counters, logo marquee, testimonial slider, and FAQ accordion

— Interactive pricing cards with billing toggle

— Contact form ready to connect

— Semantic HTML structure with SEO-ready titles and descriptions on every page

— Optimized images and lightweight animations for fast load times

Effortless Customization:

Every color, font, and section is built with organized layers, reusable components, and clear naming — swap in your logo, update the brand color, edit the CMS, and you're ready to launch. No code required.

Perfect for AI startups, SaaS tools, creative platforms, design studios, and any tech brand that wants an editorial, high-impact web presence.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-0bce05c0-4760-4da5-b2f4-851230a1db47-all:/unified/creator/0bce05c0-4760-4da5-b2f4-851230a1db47/activity/":[{"data":[{"id":"01a0b358-2a68-770e-bdac-5f9afc72bd7d","type":"template.created","target":{"type":"template","id":"73338","preview":"Modor Company","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/01a0b356-772a-75c1-a697-7bea51ebe4a1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-18T07:08:14.824Z","latestAt":"2026-09-18T07:08:14.824Z"},{"id":"019fcdce-b818-73cf-8bac-ff8510cd54a7","type":"component.created","target":{"type":"component","id":"YQ0MuAGkD44kICkFyZrw","preview":"ArachneSpider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019fcdce-7f23-70c4-927f-7259323eca41.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T17:25:04.664Z","latestAt":"2026-08-04T17:25:04.664Z"},{"id":"019fcda9-f028-757e-8c91-c807fb6551de","type":"component.created","target":{"type":"component","id":"Xwm21SC9H9xmKmmdg7Wg","preview":"StepFlowForms","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019fcda9-c5da-77ee-9abe-78243c78aa4a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T16:44:54.184Z","latestAt":"2026-08-04T16:44:54.184Z"},{"id":"019fb37a-6537-733e-814f-05772557c27f","type":"comment.reply","target":{"type":"post","id":"019e98ad-b6f5-795a-b16b-c45689b967fd","preview":"MasonryGallery_all","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eT3l6jTSVEdoabG3KwIx/masonrygallery-all-hV0HKc3Txy9GIiSrjZb0AbX9gIFnuE","targetDeleted":false,"owned":true,"actions":{"postId":"019e98ad-b6f5-795a-b16b-c45689b967fd","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fb37a-6503-7658-b0d6-bfad979264b6","preview":"Hey! \nI just checked the component on my end and all the options seem to be working fine. Could you please send me the Remix link to your file via email? \nThat way I can jump in and see what's going wrong. \nThanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey! "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I just checked the component on my end and all the options seem to be working fine. Could you please send me the Remix link to your file via email? "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"That way I can jump in and see what's going wrong. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e98ad-b6f5-795a-b16b-c45689b967fd","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fb341-d864-7565-a205-5869d9e4daba"},"repost":null}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T14:42:50.807Z","latestAt":"2026-07-30T14:42:50.807Z"},{"id":"019fb370-55c7-72e3-aea3-853cb9a63e73","type":"comment.liked","target":{"type":"comment","id":"019fb341-d864-7565-a205-5869d9e4daba","preview":"Hi Dulaj, I bought this component but the images repeat across all CMS projects, i've tried getting Workshop and Agent to fix it but the only solution is to build a structured basic masonry grid that loses the scrollable lightbox function. \nCan you assist please? s","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Dulaj, I bought this component but the images repeat across all CMS projects, i've tried getting Workshop and Agent to fix it but the only solution is to build a structured basic masonry grid that loses the scrollable lightbox function. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Can you assist please? s"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e98ad-b6f5-795a-b16b-c45689b967fd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb341-d864-7565-a205-5869d9e4daba"},"repost":null}},"context":{"type":"post","id":"019e98ad-b6f5-795a-b16b-c45689b967fd","preview":"MasonryGallery_all","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eT3l6jTSVEdoabG3KwIx/masonrygallery-all-hV0HKc3Txy9GIiSrjZb0AbX9gIFnuE","targetDeleted":false,"owned":true,"actions":{"postId":"019e98ad-b6f5-795a-b16b-c45689b967fd","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T14:31:51.486Z","latestAt":"2026-07-30T14:31:51.486Z"},{"id":"019f9d16-4b5d-72fd-887b-2557e3b1f269","type":"component.created","target":{"type":"component","id":"UWRfaD8ae5wyl43wLBgu","preview":"HeroMediaGrid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9d16-3219-76e0-b952-68ad7ecdb10e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T06:21:51.837Z","latestAt":"2026-07-26T06:21:51.837Z"},{"id":"019f97b1-56cb-742e-9d0e-dc865d87a80e","type":"comment.reply","target":{"type":"post","id":"019f97a5-9977-775e-82fb-daeba2362665","preview":"Built a 3D Scroll-Driven Rock Component in Framer 🪨✨\nPerfect for adding depth, motion, and a modern feel to your landing pages.\nIt's Free Now\n🔗 Try it here: https://scrollrocks3d.framer.website/\nLet me know what you think! 👇\nAccess Link in the Comment.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a 3D Scroll-Driven Rock Component in Framer "},{"type":"emoji","attrs":{"name":"rock","emoji":"🪨"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for adding depth, motion, and a modern feel to your landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"It's Free Now"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Try it here: "},{"type":"text","text":"https://scrollrocks3d.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://scrollrocks3d.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Access Link in the Comment."}]}]},"thumbnail":"https://image.mux.com/jVsXrbaP5b6i2M8tBm1w01OreMn0200KIODoLMaT00Ikn300/thumbnail.webp?time=3.795","targetDeleted":false,"owned":true,"actions":{"postId":"019f97a5-9977-775e-82fb-daeba2362665","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f97b1-569a-74cc-bca0-f9b985cd7537","preview":"thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f97a5-9977-775e-82fb-daeba2362665","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f97ae-4eed-770e-9635-e669bb17341a"},"repost":null}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T05:13:29.547Z","latestAt":"2026-07-25T05:13:29.547Z"},{"id":"019f97b1-37cc-748d-801e-cfd2e0c5e5ec","type":"comment.liked","target":{"type":"comment","id":"019f97ae-4eed-770e-9635-e669bb17341a","preview":"nice!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f97a5-9977-775e-82fb-daeba2362665","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f97ae-4eed-770e-9635-e669bb17341a"},"repost":null}},"context":{"type":"post","id":"019f97a5-9977-775e-82fb-daeba2362665","preview":"Built a 3D Scroll-Driven Rock Component in Framer 🪨✨\nPerfect for adding depth, motion, and a modern feel to your landing pages.\nIt's Free Now\n🔗 Try it here: https://scrollrocks3d.framer.website/\nLet me know what you think! 👇\nAccess Link in the Comment.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a 3D Scroll-Driven Rock Component in Framer "},{"type":"emoji","attrs":{"name":"rock","emoji":"🪨"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for adding depth, motion, and a modern feel to your landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"It's Free Now"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Try it here: "},{"type":"text","text":"https://scrollrocks3d.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://scrollrocks3d.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Access Link in the Comment."}]}]},"thumbnail":"https://image.mux.com/jVsXrbaP5b6i2M8tBm1w01OreMn0200KIODoLMaT00Ikn300/thumbnail.webp?time=3.795","targetDeleted":false,"owned":true,"actions":{"postId":"019f97a5-9977-775e-82fb-daeba2362665","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T05:13:21.605Z","latestAt":"2026-07-25T05:13:21.605Z"},{"id":"019f9766-7980-7409-b315-b9206f374db8","type":"component.created","target":{"type":"component","id":"McIeRUsDFVG1zNscWL2i","preview":"ScrollRocks3D","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9766-5de2-70ff-85f2-fac2bb37b651.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T03:51:43.232Z","latestAt":"2026-07-25T03:51:43.232Z"},{"id":"019f9720-9dfc-7339-b048-8b0bc1fe7fc9","type":"component.created","target":{"type":"component","id":"HGtG2bpsM3vzeEO4doq6","preview":"ParallaxScrollGaller","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9720-7b17-774f-b028-55d685c9c2d1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-25T02:35:25.052Z","latestAt":"2026-07-25T02:35:25.052Z"},{"id":"019f953c-1e6a-70bf-b937-2a2bb02705c7","type":"component.created","target":{"type":"component","id":"T1HV1TFYNh1b5j0S66cw","preview":"LogoStrokePreloader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f953b-fcc0-733b-8e2c-9c21a19d0f50.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T17:46:12.970Z","latestAt":"2026-07-24T17:46:12.970Z"},{"id":"019f951a-4472-774e-98f5-a0ccb50a0bfc","type":"component.created","target":{"type":"component","id":"qkY70gmR6iC3ki9H1SlM","preview":"Scroll3DGalleryPro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9519-f2a6-717e-bac1-56c31aacc139.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T17:09:14.482Z","latestAt":"2026-07-24T17:09:14.482Z"},{"id":"019f94d5-8736-7258-84f4-5008ca5f773b","type":"component.created","target":{"type":"component","id":"JWsKiBB4zwtNQssHs3Re","preview":"ActiveTheoryScroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f94d5-4345-7103-a6d1-3f3253b9ccec.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T15:54:09.590Z","latestAt":"2026-07-24T15:54:09.590Z"},{"id":"019f5a22-534a-7097-a6c3-6ba60383a8fc","type":"comment.reply","target":{"type":"post","id":"019f53e7-6338-75d9-9c10-34c648980c88","preview":"SplitScreenCarousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5a22-5337-722c-a824-5b3da55503a4","preview":"thank you.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f561a-77c1-72d5-9aa6-1eb2f1e3d17f"},"repost":null}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T06:20:26.826Z","latestAt":"2026-07-13T06:20:26.826Z"},{"id":"019f5a22-35ae-775a-ad7c-49438a89049c","type":"comment.liked","target":{"type":"comment","id":"019f561a-77c1-72d5-9aa6-1eb2f1e3d17f","preview":"good one !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"good one !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f561a-77c1-72d5-9aa6-1eb2f1e3d17f"},"repost":null}},"context":{"type":"post","id":"019f53e7-6338-75d9-9c10-34c648980c88","preview":"SplitScreenCarousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T06:20:19.241Z","latestAt":"2026-07-13T06:20:19.241Z"},{"id":"019f552d-90d3-7218-b3d4-b3e23645b223","type":"comment.reply","target":{"type":"post","id":"019f53e7-6338-75d9-9c10-34c648980c88","preview":"SplitScreenCarousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f552d-90af-7121-8b71-b49742e15df2","preview":"Thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f54b0-66aa-71e8-9f10-80655ce1405d"},"repost":null}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-12T07:14:37.395Z","latestAt":"2026-07-12T07:14:37.395Z"},{"id":"019f552d-7872-76cb-b0ca-4708a8880443","type":"comment.liked","target":{"type":"comment","id":"019f54b0-66aa-71e8-9f10-80655ce1405d","preview":"nice work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice work"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f54b0-66aa-71e8-9f10-80655ce1405d"},"repost":null}},"context":{"type":"post","id":"019f53e7-6338-75d9-9c10-34c648980c88","preview":"SplitScreenCarousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f53e7-6338-75d9-9c10-34c648980c88","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-12T07:14:31.147Z","latestAt":"2026-07-12T07:14:31.147Z"},{"id":"019f53e7-6449-7069-ac8b-22da5d9fb592","type":"component.created","target":{"type":"component","id":"I6HeaK8cD3B7lSroFzCC","preview":"SplitScreenCarousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-12T01:18:21.257Z","latestAt":"2026-07-12T01:18:21.257Z"},{"id":"019ed39b-5fdb-742a-bf3c-7c7370f4e67c","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T18:42:44.393Z","latestAt":"2026-07-06T18:42:44.393Z"},{"id":"019f3860-9347-7206-b1cc-8ed1f1e18107","type":"creator.followed","target":{"type":"creator","id":"62c06226-ef9e-4b54-b77a-b7b238ce14ea","preview":"Williane Rocha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2582095/s_jnn4pvW-K8LlhQQh7dgNwdzaAPWOYrhOSHbDgj","slug":"williane-rocha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","slug":"dulaj-dilshan-gy7b4j","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T17:01:21.091Z","latestAt":"2026-07-06T17:01:21.091Z"}],"pagination":{"next":"MjAyNi0wNy0wNlQxNzowMToyMS4wOTFafDAxOWYzODYwLTkzNDctNzIwNi1iMWNjLThlZDFmMWUxODEwNw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0bce05c0-4760-4da5-b2f4-851230a1db47:/unified/posts/?creator=0bce05c0-4760-4da5-b2f4-851230a1db47&with=reposts":[{"data":[{"id":"01a0b358-284b-7373-8998-79574df4d309","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"73338","resolved":true,"title":"Modor Company","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Modor© is a Framer website template built for design and development agencies, creative studios, and digital teams that want to present their work with clarity and impact without wasting time on heavy customization or coding.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A professional structure with home, about, portfolio, and blog pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in sections to highlight services, process, and case studies."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trust-building design elements , testimonials, metrics, and clean layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clear CTAs and forms placed strategically to convert visitors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive design that adapts seamlessly across all devices."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simple customization for colors, fonts, and images — no coding needed."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it works:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Modor is designed for agencies that value both creativity and efficiency. The layout focuses on clarity, helping you present your services and portfolio in a way that feels modern and trustworthy. With strong visuals and thoughtful content structure, it guides visitors toward action"}]},{"type":"paragraph","content":[{"type":"text","text":"Even if you’re new to Framer, Modor gives you a polished foundation. Just swap in your content, publish, and you’ll have a professional site that communicates credibility, showcases your skills, and attracts the right clients."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Our Work (CMS – case studies)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404Questions? Reach out via "},{"type":"text","text":"x.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/Dulajweb","target":"_blank"}}]}]}]}]}]},"introduction":"Modor Agency Template","slug":"modor-company","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/01a0b356-772a-75c1-a697-7bea51ebe4a1.png","metadata":{"tint":{"h":0,"s":0,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/01a0b356-aa5a-7657-bf91-61b52070c272.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-18T07:08:13.703Z","updatedAt":"2026-09-18T07:08:13.703Z","publishedAt":"2026-09-18T07:08:13.700Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/VolMAL0","remixUrl":"https://framer.link/VolMAL0","previewUrl":"https://modortemplate.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":268,"name":"Designers","slug":"designers"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T07:08:14.283Z","updatedAt":"2026-09-18T07:08:14.283Z"},{"id":"019fcdce-b67d-7253-a4e6-df6028b1951a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"YQ0MuAGkD44kICkFyZrw","resolved":true,"title":"ArachneSpider","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Arachne Web Canvas adds an interactive, procedural web background with crawling arachnid entities right inside your Framer projects. Drop it into hero sections, dark mode themes, or interactive landing pages to give your site an edge and keep visitors engaged."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]},{"type":"text","text":" Renders a custom canvas with a particle field where interactive spiders autonomously crawl, reach out, and anchor their legs onto nearby floating dots. The component calculates leg reach, body motion, and directional facing in real time, featuring interactive cursor targeting, floating drift, and custom lighting aura effects around the entities."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas & background: Canvas background color, vignette intensity, particle grid density, scatter randomness, and floating drift speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Particles & aura: Particle dot shape (square or circle), dot size, color, size variety, twinkle speed, and dynamic aura lighting radius around spider bodies."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spider body & legs: Spider body shape, body size, body color, body glow, face motion toggles, number of legs, leg color, leg opacity, leg fade, leg reach, and leg spread."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics & anchors: Step animation speed, leg anchor tip color, anchor size, anchor glow intensity, motion trigger modes (cursor + idle), and movement smoothing settings."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections & dark theme landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolio sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gaming & tech project layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive event landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3 & futuristic UI showcases"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Share your build","marks":[{"type":"bold"}]},{"type":"text","text":" If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help?","marks":[{"type":"bold"}]},{"type":"text","text":" Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Interactive spider web background","slug":"arachnespider","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019fcdce-7f23-70c4-927f-7259323eca41.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T17:25:03.827Z","updatedAt":"2026-09-03T15:58:43.332Z","publishedAt":"2026-08-04T17:25:03.823Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://arachnespider.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_S3hgbjLarUnf0v3ckoEbKnT52MF3OPYNGawkf21s5Z7","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"roFWbvvus3E81WTODGfP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T17:25:04.253Z","updatedAt":"2026-08-04T17:25:04.253Z"},{"id":"019fcda9-eeb5-763b-812b-8261e8999c61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Xwm21SC9H9xmKmmdg7Wg","resolved":true,"title":"StepFlowForms","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"StepFlow adds dynamic multi step forms directly into your Framer projects. Drop it into your contact pages, client onboarding flows, or enquiry sections to give visitors a smooth, interactive submission experience without complex setup."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a customizable multi step form interface that handles user input across multiple stages. It connects directly to custom endpoints like Zapier webhooks, saves completion progress locally, and includes built in spam traps and submission timer protection against bots. The component supports keyboard navigation, customizable progress displays like outlines or progress bars, automatic redirects, and custom completion messages."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Form & Endpoint Settings:","marks":[{"type":"bold"}]},{"type":"text","text":" Endpoint URL, save key, retention duration, hidden fields, spam trap, minimum submission time, redirect URL, custom button labels."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation & Progress:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle back button, step jumping, keyboard shortcuts, step counters, progress bar or outline mode, percentage indicator, progress saving."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Title, body, label, input, and button typography, custom colors for surface, fields, text, muted text, borders, accents, success, and error states."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Visual Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Padding, element gaps, corner radius, drop shadows, ambient glow effects, film grain, and native UI light or dark mode."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lead generation and enquiry pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Client onboarding and intake forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi step survey sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact and feedback pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom service booking flows"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb."}]}]},"introduction":"Build smart multi step forms","slug":"stepflowforms","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019fcda9-c5da-77ee-9abe-78243c78aa4a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T16:44:53.396Z","updatedAt":"2026-08-31T20:40:07.509Z","publishedAt":"2026-08-04T16:44:53.387Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stepflowforms.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_1gYpSfM8ubotdAjn5tKPVS5ogEUrx95VMp8Ed1ZcDFM","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"RICdK2fYCLVipOEeMGgg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T16:44:53.813Z","updatedAt":"2026-08-04T16:44:53.813Z"},{"id":"019f9d16-49cd-7529-8cf6-94a43cc59de0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UWRfaD8ae5wyl43wLBgu","resolved":true,"title":"HeroMediaGrid","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]},{"type":"text","text":" MediaGrid Pro adds an interactive, high impact media gallery directly to your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to display dynamic images and autoplaying videos with fluid animations and hover focus effects."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]},{"type":"text","text":" Renders a custom responsive media grid that smoothly reveals your images and videos with staggered loading effects. It handles interactive hover zoom, automatically dims surrounding elements to focus on hovered media, supports video autoplay, and offers smooth scrolling easing. It also includes an optional fixed UI menu bar and customizable preloader animations."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout and spacing: Set column counts independently for desktop, tablet, and mobile, customize grid gap, inner padding, corner radius, image fit modes, and specify wide spanning items."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations and reveals: Adjust stagger timings, reveal durations, flash speed, hover zoom intensity, sibling dimming opacity, and preloader load times."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Controls and UI: Toggle smooth scroll easing, video autoplay options, fixed UI navigation controls, menu toggle settings, copyright details, background shades, and UI colors."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections and landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolios and photo galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases and media showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern studio websites and interactive showcases"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Share your build","marks":[{"type":"bold"}]},{"type":"text","text":" If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help?","marks":[{"type":"bold"}]},{"type":"text","text":" Questions or feedback? Reach me anytime at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb."}]}]},"introduction":"Dynamic media grid for Framer site","slug":"heromediagrid","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9d16-3219-76e0-b952-68ad7ecdb10e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-26T06:21:51.023Z","updatedAt":"2026-09-03T15:59:15.204Z","publishedAt":"2026-07-26T06:21:51.018Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://heromediagrid.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_iiw4174v4H1oQjtJrIhqmi2LP1h6GOIMgzm153sPsVl","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"BMAzLL21Ogedye5MZA7y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T06:21:51.437Z","updatedAt":"2026-07-26T06:21:51.437Z"},{"id":"019f97b0-8d43-72f8-b978-280462c13a55","title":null,"body":"

Smooth Parallax Scroll Gallery Pro in Framer! 🖼✨

Designed to give your web portfolios & landing pages a sleek, high-end motion feel.

Preview : https://parallaxscrollgallerypro.framer.website/

🔗 Access link in the comments! 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Parallax Scroll Gallery Pro in Framer! "},{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to give your web portfolios & landing pages a sleek, high-end motion feel."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview : "},{"type":"text","text":"https://parallaxscrollgallerypro.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://parallaxscrollgallerypro.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Access link in the comments! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph"}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/dtfsdNA01YPANFdrAAPTlszxP00InixbH2GM1nk02yC01XM.m3u8","metadata":{"posterUrl":"https://image.mux.com/dtfsdNA01YPANFdrAAPTlszxP00InixbH2GM1nk02yC01XM/thumbnail.webp?time=8.307","aspectRatio":"16:9","duration":27.1}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T05:12:37.960Z","updatedAt":"2026-07-25T05:12:37.960Z"},{"id":"019f97a5-9977-775e-82fb-daeba2362665","title":null,"body":"

Built a 3D Scroll-Driven Rock Component in Framer 🪨✨

Perfect for adding depth, motion, and a modern feel to your landing pages.

It's Free Now

🔗 Try it here: https://scrollrocks3d.framer.website/

Let me know what you think! 👇

Access Link in the Comment.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a 3D Scroll-Driven Rock Component in Framer "},{"type":"emoji","attrs":{"name":"rock","emoji":"🪨"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for adding depth, motion, and a modern feel to your landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"It's Free Now"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Try it here: "},{"type":"text","text":"https://scrollrocks3d.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://scrollrocks3d.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Access Link in the Comment."}]}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/jVsXrbaP5b6i2M8tBm1w01OreMn0200KIODoLMaT00Ikn300.m3u8","metadata":{"posterUrl":"https://image.mux.com/jVsXrbaP5b6i2M8tBm1w01OreMn0200KIODoLMaT00Ikn300/thumbnail.webp?time=3.795","aspectRatio":"945:416","duration":15.4}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T05:00:40.193Z","updatedAt":"2026-07-25T05:00:40.193Z"},{"id":"019f9766-7824-76c2-8a15-5e7d78676d77","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"McIeRUsDFVG1zNscWL2i","resolved":true,"title":"ScrollRocks3D","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]},{"type":"paragraph","content":[{"type":"text","text":"Parallax Matrix 3D lets you create immersive, interactive floating image and object scenes in Framer. Perfect for modern hero sections, creative agency portfolios, or interactive showcases, it allows elements to react fluidly as visitors scroll, move their mouse, or tilt their mobile device. Give your layouts immediate depth and a premium dynamic feel without writing a single line of code."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Renders a custom collection of 3D objects with realistic depth blur, scaling, and entrance animations. It tracks page scrolling and mouse position to move elements smoothly along a dynamic parallax grid. Features built in support for mobile device tilt, gentle idle floating effects, and staggered entrance timing so your elements reveal themselves in a natural, eye catching sequence."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Core controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Add custom objects, control scroll parallax intensity, and switch scroll direction between up or down."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D depth & effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust scale strength, automatic depth blur for background items, and global 3D perspective depth."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle mouse parallax with custom movement strength, enable phone/tablet device tilt, and activate subtle idle floating with speed and amplitude controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Entrance style:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable staggered entrance animations with customizable delay timing between elements."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great for"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern hero sections and landing page banners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio showcases and creative agency sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive product feature highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"App presentation screens and landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative background visuals that respond to user motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Share your build"}]},{"type":"paragraph","content":[{"type":"text","text":"If you build something cool with this component, drop a link on X and tag me @Dulajweb or send it over. I would love to check out what you create."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Got questions or suggestions? Reach out anytime via email at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or send a message on X @Dulajweb."}]}]},"introduction":"Bring interactive 3D depth","slug":"scrollrocks3d","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9766-5de2-70ff-85f2-fac2bb37b651.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-25T03:51:42.445Z","updatedAt":"2026-08-28T03:49:02.455Z","publishedAt":"2026-07-25T03:51:42.442Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollrocks3d.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_OX7dKUGPpJMuPPqumNXo2Qm6ZCH4EIWPUdJwT2ysHao","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"0fZprmMH5VpQ99l2ETjd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T03:51:42.884Z","updatedAt":"2026-07-25T03:51:42.884Z"},{"id":"019f9720-9ca6-72ea-8632-17363f39a74f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"HGtG2bpsM3vzeEO4doq6","resolved":true,"title":"ParallaxScrollGaller","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Dome Gallery Pro brings a smooth, curved 3D poster wall experience directly into your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to give your visitors an interactive way to explore images and media. With custom lens controls, smooth motion physics, and interactive focus states, this component gives your site an instant high end feel without touching any code."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a dynamic 3D curved grid that holds multiple media cards. It seamlessly handles smooth scrolling and dragging motions across the wall. Clicking on any card triggers a fluid focus animation that zooms into the image while displaying a customizable info panel with extra details. You can easily feed image arrays into the media control and adjust grid layouts on the fly."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards & Media:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily upload image items or connect custom data source objects to power the wall content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle orientation modes like Portrait, adjust item size, tweak column counts, and control grid spacing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lens Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine tune the curvature intensity, perspective depth, and distortion properties to shape the dome look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus & Click:","marks":[{"type":"bold"}]},{"type":"text","text":" Set custom zoom scale, zoom speed, and offset values when visitors click to inspect a card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Info Panel:","marks":[{"type":"bold"}]},{"type":"text","text":" Control panel visibility states, expand animations, and adjust drawer width for details."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & Appearance:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak friction, momentum, drag physics, border radius, and overall component styling."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolio showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography and artwork galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product feature walls and showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections on landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event posters and media archives"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Interactive 3D curved poster wall","slug":"parallaxscrollgaller","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9720-7b17-774f-b028-55d685c9c2d1.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-25T02:35:24.397Z","updatedAt":"2026-08-28T03:29:57.759Z","publishedAt":"2026-07-25T02:35:24.394Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://parallaxscrollgallerypro.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_wsBD7NST9ybO08xCotqSQQZt53pTQEhIatHKD1S9wU5","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"AQWGcrnqPe9qh4izMZ4Q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T02:35:24.710Z","updatedAt":"2026-07-25T02:35:24.710Z"},{"id":"019f953c-1d21-714a-bb11-3e1ff4f582ea","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"T1HV1TFYNh1b5j0S66cw","resolved":true,"title":"LogoStrokePreloader","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Logo Stroke & Reveal Preloader brings smooth, customizable logo animations straight into your Framer projects. Drop it into your hero section, splash screen, or loading state to give your site an immediate high-end feel. It supports SVG path drawing and image wipe reveals, giving you complete control over how your brand logo appears on load."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders animated SVG paths or image reveals with fine tuned playback controls. It handles view triggers, speed adjustments, and easing curves automatically while letting you set custom delays, replay behaviors, and background styling. The component also features a canvas preview mode so you can see the completed state directly inside the Framer editor without breaking your design workflow."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Source & Mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Switch between SVG file upload, direct path data, or image reveal modes (including directional wipes)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playback Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust playback state, animation speed, duration, start delay, and easing profiles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Triggers & Viewport:","marks":[{"type":"bold"}]},{"type":"text","text":" Set trigger types like In View with customizable visibility percentages and optional replay functionality."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Style:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle background visibility, customize background color, adjust logo scaling, loop options, and canvas preview states."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections and splash screens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand reveal transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and agency landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launch teasers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive web experiences"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb."}]}]},"introduction":"Animate logo paths and image","slug":"logostrokepreloader","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f953b-fcc0-733b-8e2c-9c21a19d0f50.png","metadata":{"tint":{"h":260,"s":51,"l":69},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T17:46:12.305Z","updatedAt":"2026-09-03T15:48:58.841Z","publishedAt":"2026-07-24T17:46:12.302Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://logostrokepreloader.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_dtLRvQhpecMeumMBKwwrnAZ3xR2rKzTh97Y9N1UDxrl","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"F19zl5U0OWJLY6QluhrP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T17:46:12.641Z","updatedAt":"2026-07-24T17:46:12.641Z"},{"id":"019f951a-42ef-74ca-9805-f78a413da84f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qkY70gmR6iC3ki9H1SlM","resolved":true,"title":"Scroll3DGalleryPro","body":"$59","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"3D Scroll Canvas brings an immersive, floating 3D photo gallery straight into your Framer projects. Perfect for landing pages, portfolio displays, or creative sections where you want images to react dynamically as users scroll through your site. Customizing everything takes just a few clicks, giving you full control over depth, motion, and visual style."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Creates a smooth 3D spatial canvas that displays your image collection with realistic mouse parallax and hover zoom effects. The component handles layout positioning automatically based on your seed settings, supports image links, and allows wheel or touch controls to capture page scroll for a dedicated interactive experience."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout and Spacing:","marks":[{"type":"bold"}]},{"type":"text","text":" Total image count, base image size, size variance, X/Y spatial spread, and layout seed variations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactions and Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Mouse parallax intensity, hover zoom effect scale, and capture scroll toggle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography and Visuals:","marks":[{"type":"bold"}]},{"type":"text","text":" Show or hide image titles, customize title font, size, and color, plus optional background color or transparency settings."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolios and photo showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product feature highlights on landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Studio and designer work previews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media rich background sections"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you build something cool with this, tag me on X @Dulajweb or send it my way. I always love seeing what everyone creates with these components."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Got questions, feedback, or need a hand setting it up? Drop me a line anytime at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or send a message on X @Dulajweb"}]}]},"introduction":"interactive 3D floating Gallery","slug":"scroll3dgallerypro","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9519-f2a6-717e-bac1-56c31aacc139.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T17:09:13.727Z","updatedAt":"2026-08-28T03:43:06.151Z","publishedAt":"2026-07-24T17:09:13.724Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scroll3dgallery.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_IjeGMpaS2uwRO3vwezjnH6WeBWPKNDxbiEKvF3Gw8qi","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"tv2RvtvZR9lnbvYoHGKn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T17:09:14.095Z","updatedAt":"2026-07-24T17:09:14.095Z"},{"id":"019f94d5-85d1-778a-948e-aa0c797f6e61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"JWsKiBB4zwtNQssHs3Re","resolved":true,"title":"ActiveTheoryScroll","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"3D Perspective Scroll brings dynamic depth and fluid interactivity to your Framer showcase. Built with an ultra smooth layout system, it allows visitors to scroll through your featured work with real time perspective tilt, floating typography, and subtle RGB effects. Perfect for creative studios, designers, and developers looking to add an immersive experience to their site."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a custom vertical media stack with dynamic 3D perspective rotation, scroll physics, and interactive hover mechanics. As users navigate the list, rows tilt along a 3D plane, floating titles react to cursor movement, and smooth inertia physics deliver an award winning browsing experience. Features a progress indicator, project counter, dynamic background overlays, and optional scroll hints."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Perspective & Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak perspective strength, scroll tilt, mouse tilt response, depth offset, speed multipliers, and inertia drift."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust RGB chromatic aberration, stretch intensity, title drift, parallax strength, image zoom, opacity dimming, grayscale toggles, and background overlay colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over title and meta fonts, sizes, letter spacing, uppercase toggles, hover states, and meta accent colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle the progress bar, project counter, and custom scroll hint text on or off with custom color controls."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design and developer portfolio showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launch teasers and feature highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive case studies and work archives"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High impact hero sections"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you build something cool with this component, drop it on X and tag me @Dulajweb or send a message over. I would love to see what you craft."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have questions, suggestions, or feedback? Feel free to reach out anytime via email at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb."}]}]},"introduction":"Smooth 3D interactive portfolio","slug":"activetheoryscroll","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f94d5-4345-7103-a6d1-3f3253b9ccec.png","metadata":{"tint":{"h":0,"s":73,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T15:54:08.917Z","updatedAt":"2026-09-03T15:38:08.580Z","publishedAt":"2026-07-24T15:54:08.913Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://activetheoryscroll.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_tg70GiPlOd3pYsx63nGW08UdW2TyiEc9uD5532Nl1ww","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"3xytyK2HbNxpjAJDYIJE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T15:54:09.233Z","updatedAt":"2026-07-24T15:54:09.233Z"},{"id":"019f53e7-6338-75d9-9c10-34c648980c88","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"I6HeaK8cD3B7lSroFzCC","resolved":true,"title":"SplitScreenCarousel","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"SplitSide brings an elegant, highly interactive team showcase layout straight into your Framer projects. Perfect for landing pages, about sections, or portfolio screens, this component splits imagery and typography into a perfectly balanced, responsive layout. "}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It renders a dynamic split screen grid that beautifully pairs team member imagery with contextual text, bios, and links. The component handles custom image column widths, adjusts text alignments, and includes built in navigation arrows and progress tracking indicators. "}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Spacing","marks":[{"type":"bold"}]},{"type":"text","text":": Adjust member counts, individual profile items, panel padding (horizontal and vertical), and custom text max widths to perfectly align with your grid."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Controls","marks":[{"type":"bold"}]},{"type":"text","text":": Toggle photos to the left, right, or alternating layouts. Fine tune the image column width percentage, component height, and select image fitting options like cover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography","marks":[{"type":"bold"}]},{"type":"text","text":": Fully customize font sizes, line heights, letter spacing, and weights for names, roles, and bios. You can even force roles to uppercase for a cleaner aesthetic."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations","marks":[{"type":"bold"}]},{"type":"text","text":": Switch up photo transitions (like slide) and text transitions (like fade up). Fine tune the transition duration and text stagger speeds, and toggle direction aware movement on or off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation & Extras","marks":[{"type":"bold"}]},{"type":"text","text":": Show or hide progress bars, configure progress bar positions (top or bottom), and align arrows perfectly with customizable styles, sizes, and layout options."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styling & Tags","marks":[{"type":"bold"}]},{"type":"text","text":": Toggle skills or department tags with outline styles, control tag sizes, and fully customize color palettes for backgrounds, names, roles, bios, accents, dividers, and buttons."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency about pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corporate team spotlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Founder and speaker profiles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio creative retrospectives"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High end studio showcase sections"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"The ultimate interactive team show","slug":"splitscreencarousel","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f53e7-2bb2-734b-9620-7b6f9fe9d3b5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-12T01:18:20.720Z","updatedAt":"2026-08-31T20:39:29.376Z","publishedAt":"2026-07-12T01:18:20.716Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://splitscreencarousel.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_Pwb9EXkvNviSahgyE29mYrTBiR7oalHf6XRCm3PMQgd","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"StDL21R99WxNY6PjvgSH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-12T01:18:20.985Z","updatedAt":"2026-07-12T01:18:20.985Z"},{"id":"019f2bd5-bc3d-7539-a82e-49c406af0c3b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0zOHm4CKOWZylubuUuuD","resolved":true,"title":"CoverflowCarouselPro","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"VibeFlow Carousel brings a premium, deeply immersive 3D presentation layer to your Framer projects. Drop it into a team showcase, a portfolio gallery, or a featured product section, and let your users glide through content with seamless, organic depth. It is built to feel exceptionally smooth, giving your site that high end, "}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a fully dynamic coverflow layout that handles multi card arrangements with realistic 3D perspective, smart spacing, and fluid depth layering. "}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Perspective:","marks":[{"type":"bold"}]},{"type":"text","text":" Set your exact card width and height, adjust card border radius, tweak the side card 3D rotation angle, control X and Z offsets, and change the overall camera perspective and visible card count on each side."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle mouse wheel, keyboard, or drag navigation on/off, adjust drag sensitivity sliders, and choose between snappy springs, smooth eases, or linear transition curves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable or disable soft background gradients with precise top and bottom hex controls. Toggle reflections on/off while adjusting height, opacity, blur radius, and soft gradient masks. You can also customize center scaling, soft drop shadows, and modern arrow button styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully control fonts, text sizes, and colors for names, roles, and subtitles. Toggle detail visibility below cards, set custom CTA button labels, and configure default click-through links seamlessly."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet the team and agency profile pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium portfolio item showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Luxury brand feature galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital product or media carousels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High end landing pages looking for a distinct visual anchor"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Ultra smooth 3D coverflow","slug":"coverflowcarouselpro","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/70dsk3iu","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-04T06:34:15.424Z","updatedAt":"2026-09-03T15:53:39.942Z","publishedAt":"2026-07-04T06:34:15.420Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://coverflowcarouselpro.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_kEhhc4pYgog4u1iSYbsPstFFE9aqjbPiEra4D4GFmWx","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"kheJSwpPHFbfB94jzr3b","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T06:34:15.485Z","updatedAt":"2026-07-04T06:34:15.485Z"},{"id":"019f2bbc-9d2a-7721-a1b2-dad84fb8f1d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"mNVrZrwWyF4OhGcKUSp0","resolved":true,"title":"NewspaperCarousel","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Editorial Carousel brings the classic, vintage aesthetic of traditional print media straight into your modern Framer projects. Drop this elegant team and showcase slider into your About page, company profile, or digital magazine layout to display your crew or featured stories with authentic newspaper styling."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It dynamically generates a clean layout or responsive slider for your team cards, mimicking old school editorial journalism. The component handles custom columns, text dividers, drop caps, and blockquotes seamlessly. It provides built in pagination and beautiful, fluid stagger animations as items enter the screen."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"As shown across the control panels in 3.png, 2.png, and 1.png, you have complete design freedom:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout and Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust total member count, column numbers, custom rule divider widths, and featured item spans. You can also customize your call to action text like \"Read Full Story\" as seen in 3.png."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography and Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle editorial drop caps, select serif or sans header fonts, and fine tune text tracking, sizes, and line heights based on the layout options in 2.png."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visuals and Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak headshot sizes, apply photo filters, adjust borders, and choose custom background, accent, or rule colors. Set up smooth fade animations with custom duration and stagger intervals from the controls in 1.png."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company about and team pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital news and magazine layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio summaries and author bios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency landing pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Bring print magazine style","slug":"newspapercarousel","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/5psgclr4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-04T06:06:49.048Z","updatedAt":"2026-08-28T03:26:30.873Z","publishedAt":"2026-07-04T06:06:49.036Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://newspapercarousel.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_X6qseUG7pZf5GuRh4TJ5hezPevpCwRQA4yh4m1xBNoX","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"zPCSLULLVIxstToAK2WV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T06:06:49.130Z","updatedAt":"2026-07-04T06:06:49.130Z"},{"id":"019f2b4c-88d2-744e-be97-2db1d6bc7d1d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"urVZp0XSdC17bgi5yoKW","resolved":true,"title":"CarouselSpherepro","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"SphereFlow 3D brings a stunning, fully interactive 3D sphere carousel straight into your Framer projects. Perfect for main heroes, creative portfolios, or feature showcases, this component lets you display images in an immersive three dimensional space. Visitors can easily drag, spin, and click items, making your site feel dynamic, premium, and highly engaging without touching a single line of code."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It arranges your images into a beautiful, rotating 3D sphere that responds naturally to user inputs. The component handles smooth auto rotation across both X and Y axes, manages drag sensitivity with realistic inertia damping, and applies depth blur to create a realistic sense of focus. It automatically highlights hovered items ."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sphere layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the total item count, adjust the sphere radius, scale individual item sizes, tweak perspective depth, and change the overall container sizing to fit any layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle auto rotation on or off, set specific speeds for X and Y rotation, adjust drag sensitivity, enable pause on hover, and fine tune inertia damping for fluid movement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styling & effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize item border radius and border colors, configure depth blur, and set near or far fog colors to seamlessly blend the sphere into your background."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction & links:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable click to open behavior, set default target links, choose whether to open links in a new tab, show or hide labels, and fully customize label fonts."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio projects and work showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive hero sections on landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual moodboards and gallery displays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product feature highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic team or client logo grids"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Interactive 3D image sphere","slug":"carouselspherepro","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/6wlpait2","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-04T04:04:23.837Z","updatedAt":"2026-09-03T16:04:29.183Z","publishedAt":"2026-07-04T04:04:23.835Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://carouselspherepro.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_yAAHVnDmVHtUbZQ3vb5iXbIRRlBwSDG6mU1rn4BYbjR","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"vHx6gJhsSSId0Mythzih","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T04:04:23.890Z","updatedAt":"2026-07-04T04:04:23.890Z"},{"id":"019f2b3b-1016-7609-89f0-4b0cb0cf21fb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"g1qwQfa30zF6BngiJAE3","resolved":true,"title":"ParallaxDepthGrid","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"PerspectiveGrid brings a dynamic, immersive 3D depth effect to your Framer projects. Drop it into your portfolio, product showcases, or landing pages to give visitors an interactive visual experience that responds smoothly to their mouse movement. It transforms flat image arrays into multi-layered grids that bend, scale, and shift as users explore your site."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It displays a multi-column image grid complete with advanced perspective calculations. As the cursor moves, the component dynamically tracks its coordinates to calculate real-time skew, rotation, and staggering delays across your media items. This creates a striking sense of physical depth while keeping your layout fully responsive and fluid."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the exact number of columns, gap spacing, element aspect ratios, container height, and individual corner radiuses."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth & Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the perspective depth, parallax intensity, maximum rotation angle, skew amount, scale ranges, and individual layer stagger delays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Enhancements:","marks":[{"type":"bold"}]},{"type":"text","text":" Add extra polish by tweaking the blur strength, brightness ranges, contrast boosts, or laying down an overlay color with custom opacity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marquee & Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle a scrolling text marquee directly within the layout, adjusting its speed, font size, background, and colors. You can also assign custom click URLs to make elements completely interactive."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolio galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive product and launch pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections that need a strong first impression"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual mood boards and brand assets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive photography layouts"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you build something awesome with this grid, share it on X and tag me @Dulajweb. I love seeing how people push these layouts."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have any feedback or hit a roadblock? Drop me a line at "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or send a DM over on X @Dulajweb."}]}]},"introduction":"flat grids to life with 3D depth","slug":"parallaxdepthgrid","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/ukt99pb8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-04T03:45:18.790Z","updatedAt":"2026-08-28T03:29:21.001Z","publishedAt":"2026-07-04T03:45:18.787Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://parallaxdepthgrid.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_zp3bSV4lt0cQ08KEtDGueqtFhVK18G49yp3eI1KZRdx","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"mu5DdPEGUvANdN9HPNRh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T03:45:18.870Z","updatedAt":"2026-07-04T03:45:18.870Z"},{"id":"019f28d5-6ce1-77ed-95f1-3bc552814da0","title":null,"body":"

Meet "Aether " a sleek, modern Framer template built for SAAS & AI startups Smooth animations Fully responsive Easy to customize

#Framer #FramerTemplate #WebDesign #NoCode

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet \"Aether \" a sleek, modern Framer template built for SAAS & AI startups Smooth animations Fully responsive Easy to customize "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/Framer?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#FramerTemplate","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/FramerTemplate?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#WebDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/WebDesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#NoCode","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/NoCode?src=hashtag_click","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/RponLUZHjZK38QUdiP8ejvTHwJXw5XbOQhbwxT9y6Lc.m3u8","metadata":{"posterUrl":"https://image.mux.com/RponLUZHjZK38QUdiP8ejvTHwJXw5XbOQhbwxT9y6Lc/thumbnail.webp?time=7.617","aspectRatio":"16:9","duration":16.417889}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-03T16:38:53.548Z","createdAt":"2026-07-03T16:35:03.526Z","updatedAt":"2026-07-03T16:38:53.548Z"},{"id":"019f2639-aee5-7498-b95a-4e918841a69d","title":null,"body":"

Just launched Aethra - a bold editorial template for AI startups, SaaS products, and creative studios. (12 Pages)

Live preview in the Marketplace -

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Aethra - a bold editorial template for AI startups, SaaS products, and creative studios. (12 Pages) "}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview in the Marketplace - "}]}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/zd3biso8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T04:25:42.376Z","updatedAt":"2026-07-03T04:25:42.376Z"},{"id":"019f23a3-a533-72bc-ad45-418ac180cd97","title":null,"body":"

Just launched Aethra - a bold editorial template for AI startups, SaaS products, and creative studios. (12 Pages)

Live preview in the Marketplace

Preview Link - https://aetheraitemplate.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Aethra","marks":[{"type":"bold"}]},{"type":"text","text":" - a bold editorial template for AI startups, SaaS products, and creative studios. (12 Pages)"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview in the Marketplace "}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link - "},{"type":"text","text":"https://aetheraitemplate.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aetheraitemplate.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"68784","resolved":true,"title":"Aethra","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview - "},{"type":"text","text":"https://aetheraitemplate.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://aetheraitemplate.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Aethra ","marks":[{"type":"bold"}]},{"type":"text","text":"is a bold, editorial-style Framer template built for AI platforms, SaaS products, and creative technology studios. With 12 carefully crafted pages, a striking Ink & Paper visual identity, and expressive editorial typography, Aether gives your product a brand presence that feels premium from the very first scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"12 Pages Included:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Home with hero, services, stats, how-it-works, pricing, testimonials, FAQ, and contact sections"}]},{"type":"paragraph","content":[{"type":"text","text":"— 4 Platform feature pages (Brand Model, Generation Studio, Brand Memory, API & Integrations)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Company / About page"}]},{"type":"paragraph","content":[{"type":"text","text":"— Pricing page with monthly & yearly billing toggle"}]},{"type":"paragraph","content":[{"type":"text","text":"— Selected Work with CMS-powered case study detail pages"}]},{"type":"paragraph","content":[{"type":"text","text":"— Newsroom / Blog with CMS-powered article pages"}]},{"type":"paragraph","content":[{"type":"text","text":"— 404 page"}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Fully responsive across desktop, tablet, and mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"— 2 CMS collections (Work & Newsroom) "}]},{"type":"paragraph","content":[{"type":"text","text":"— add content without touching the design"}]},{"type":"paragraph","content":[{"type":"text","text":"— Animated stats counters, logo marquee, testimonial slider, and FAQ accordion"}]},{"type":"paragraph","content":[{"type":"text","text":"— Interactive pricing cards with billing toggle"}]},{"type":"paragraph","content":[{"type":"text","text":"— Contact form ready to connect"}]},{"type":"paragraph","content":[{"type":"text","text":"— Semantic HTML structure with SEO-ready titles and descriptions on every page"}]},{"type":"paragraph","content":[{"type":"text","text":"— Optimized images and lightweight animations for fast load times"}]},{"type":"paragraph","content":[{"type":"text","text":"Effortless Customization:"}]},{"type":"paragraph","content":[{"type":"text","text":"Every color, font, and section is built with organized layers, reusable components, and clear naming — swap in your logo, update the brand color, edit the CMS, and you're ready to launch. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for AI startups, SaaS tools, creative platforms, design studios, and any tech brand that wants an editorial, high-impact web presence."}]}]},"introduction":"Editorial AI & SaaS template","slug":"aethra","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/A9kLqDiylv3fMlhETxV9GwpNquL76yY4yuCKUtbuJEg.m3u8","metadata":{"posterUrl":"https://image.mux.com/A9kLqDiylv3fMlhETxV9GwpNquL76yY4yuCKUtbuJEg/thumbnail.webp?time=8.795","aspectRatio":"16:9","duration":16.417889}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/455gel1z","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/zfzuopyq","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-02T16:22:34.995Z","updatedAt":"2026-09-04T07:36:29.422Z","publishedAt":"2026-07-02T16:22:34.991Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/CtxarxX","remixUrl":"https://framer.link/CtxarxX","previewUrl":"https://aetheraitemplate.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":2,"name":"SaaS","slug":"saas"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":220,"name":"Gradient","slug":"gradient"},{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":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":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T16:22:35.059Z","updatedAt":"2026-07-02T16:22:35.059Z"},{"id":"019eff0c-6728-71e2-9777-6799ea7c51a4","title":null,"body":"

Aether is still in progress (#WIP). I'm aiming to publish it very soon.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Aether is still in progress (#WIP). I'm aiming to publish it very soon."}]}]},"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj Design","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/qwjtYnxsaJBKQqcQSYsCRApxHMvd5vXyISoXPqiUqN4.m3u8","metadata":{"posterUrl":"https://image.mux.com/qwjtYnxsaJBKQqcQSYsCRApxHMvd5vXyISoXPqiUqN4/thumbnail.webp?time=1.628","aspectRatio":"16:9","duration":17.185333}}],"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":2,"edited":true,"editedAt":"2026-06-25T13:54:18.409Z","createdAt":"2026-06-25T13:51:03.468Z","updatedAt":"2026-06-25T13:54:18.409Z"}],"pagination":{"next":"MDE5ZWZmMGMtNjcyOC03MWUyLTk3NzctNjc5OWVhN2M1MWE0","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L61"}]