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:T610,

Send subscribers straight to your Klaviyo list — no code, no backend. The form uses Klaviyo's official browser-safe Client API, so you only ever paste your public key. Your private key always stays private.

CONNECT IN 60 SECONDS

1. In Klaviyo, go to Settings → API Keys and copy your Public API Key (6 characters, e.g. XyZ123).

2. In Klaviyo, go to Audience → Lists & Segments → your list → Settings and copy the List ID (e.g. Y6nRLr).

3. Paste both into the form's Klaviyo panel. Done — new signups land in your list.

Double opt-in is respected automatically. Leave the keys empty or turn on Test Mode to preview without sending real data.

FEATURES

• Email, plus optional name & phone (SMS opt-in with automatic E.164 formatting)

• Optional marketing / GDPR consent checkbox

• Real-time validation with custom error messages

• 3 layouts, with stacked or side-by-side fields

• Pill-ready radius, transparent background, removable title / subtitle / footer

• 18 colors, 6 fonts, and full control of padding, spacing, sizing & chrome

• Animated success screen and friendly error states

• On Success / On Error events for redirects or tracking

• Fully responsive and canvas-safe

COMPATIBILITY

Framer (latest) · Responsive · No CMS · Works in canvas preview (demo mode)

No backend, no Zapier, no middleman — just your form and Klaviyo.

53:T46a,

WellMind is a calm, modern Framer template designed for therapists, psychologists, counselors, wellness coaches, and private practices who want a trustworthy online presence.

Built around a warm personal-brand layout, it helps you introduce your approach, present your services, share credentials, publish helpful content, and guide visitors toward booking a session.

The template includes Home, About, Services, individual Service pages powered by CMS, Blog, individual Blog posts powered by CMS, Contact, Legal pages, and a custom 404 page.

Highlights:

• Fully responsive across desktop, tablet, and mobile

• CMS-powered Services and Blog sections

• Clear “Book a Session” calls-to-action

• Built-in contact form • Soft editorial typography

• Calm, professional color palette

• Smooth scrolling and subtle text effects

• Easy to customize with your own text, images, and colors

Perfect for mental-health professionals, private therapy practices, wellness consultants, life coaches, and anyone offering thoughtful one-on-one care.

54:T53c,

Create polished chat and messaging layouts directly inside Framer.Chat Bubble Kit helps you build realistic conversation UIs with clean message bubbles, avatars, reactions, read receipts, typing states, and an optional iPhone mockup frame.

What’s included

Realistic incoming and outgoing chat bubbles
Optional iPhone mockup presentation
Read receipts and delivery states
Typing indicator
Avatar support
Emoji reactions
Clean mobile-style input area
Multiple visual customization controls
Built-in animation styles for message entrance

Why it’s useful

Perfect for SaaS websites, app landing pages, product demos, case studies, mobile UI mockups, support chat previews, and messaging-based interfaces.

Customization

Toggle the phone frame on or off
Adjust colors, typography, and message styles
Show or hide interface elements as needed
Create different conversation states for presentation or preview

Built for Framer

Designed to be easy to drop into your layout, quick to style, and flexible enough for both polished mockups and real product storytelling.

55:Tc7b,

Add a premium Net Promoter Score feedback flow to any Framer site in seconds. The widget floats discreetly in a corner as a small button and expands into a polished 3-step panel when clicked — capturing your score, the reason behind it, and leaving visitors with a warm thank-you.

How it works

A floating trigger button sits unobtrusively in your chosen corner
Tap to open a smooth animated panel
Step 1 — pick a 0–10 score with live color-coded feedback
Step 2 — optional open-ended comment (can be skipped)
Step 3 — branded thank-you screen

Key Features

🎯 Standard NPS 0–10 scoring with smart tier colors (red → amber → green)
💬 Optional comment step — keep it or skip with one toggle
💾 localStorage persistence — users never see it twice
📍 4 position options: Bottom Right / Left, Top Right / Left
🎨 4 theme presets: Dark, Light, Warm, Ocean
🖼️ 6 built-in icons + Custom Upload (PNG / SVG / JPG)
📏 Icon size slider (12–40 px)
✏️ Every text label customizable from the property panel
🔤 7 independent font controls (header, question, body, labels, score, buttons, trigger)
🎨 17 individual color overrides — every color wins over the theme
🪟 Optional frosted-glass backdrop blur
🎬 Smooth spring animations — score labels react live to selection
📱 Responsive at any size
🎛️ Canvas Preview — preview any step, any score, and sample comment while designing
🔗 onSubmit event handler — wire up to Zapier, webhooks, or your backend

Everything you can customize

Trigger: position, size, border radius, icon (preset or your own upload), icon size, show/hide label
Panel: width, radius, backdrop blur, button & input radius
17 colors — panel, border, trigger, text, body, accent, inputs, score tiers
7 fonts — full Framer Font controls (family, weight, size) on every text element
Every visible string — trigger label, header, questions, subtext, range labels, tier messages (0–2 / 3–4 / 5–6 / 7–8 / 9–10), all button labels, thank-you title & body

Perfect for

SaaS product pages & dashboards
Landing pages & launches
Portfolio & agency sites
App onboarding flows
Post-purchase thank-you pages

Technical

Single .tsx file — drop in and done
No external dependencies beyond react, framer, framer-motion
Canvas-safe: no animations freeze your edit view
Widget ID control — scope localStorage per page or flow

56:Tcde,

The Most Customizable List Component for Framer

Turn any data set into a polished, interactive list. Drag rows to reorder, click column headers to sort, and search to filter. Everything is wrapped in 5 carefully crafted themes with full color and typography control.

5 Premium Themes (No AI Aesthetics)

• Ink - warm charcoal with amber accent• Paper - clean light with rose accent• Slate - cool dark with teal accent• Espresso - rich brown with golden accent• Sand - warm beige with burnt orange accent

Switch themes instantly or enable custom colors to override all 10 color slots.

Core Features

• Drag to reorder with smooth interaction and elevation feedback• Multi-column sort on Task, Status, Priority, and Value• Live search with instant filtering, focus ring, and clear button• localStorage persistence so order survives refresh• Priority badges: Critical, High, Medium, Low• Status badges: Completed, In Progress, Planning, Not Started• Responsive columns that hide progressively on smaller screens• Canvas-safe behavior so everything stays visible inside Framer

Why This Isn’t Native in Framer

Drag-based reordering, persistent state, real-time filtering, and multi-level sorting require JavaScript logic beyond standard Framer layers and variants. This component handles all of it.

Typography (4 Independent Controls)

• Title font for main heading• Subtitle font for headers, search, and footer• Row name font for primary content• Row detail font for metadata and badges

Each comes with full control over size, weight, spacing, and line height.

Granular Spacing Controls

• Card radius and row radius• Header and row padding (horizontal and vertical)• Row gap, column gap, and title spacing• Optional row borders with adjustable width• Optional card shadow with theme-aware intensity

Custom Data via JSON

Use your own data with a simple JSON structure including id, name, category, status, priority, date, and value.Leave it empty to use 8 realistic demo items.

Full Property Panel (40+ Controls)

• Theme selection with 5 presets• Custom data input via JSON• Content editing for titles, labels, and placeholders• Feature toggles for search, sorting, drag, and persistence• Style controls for spacing, radius, and borders• Optional color overrides for full customization• Typography controls for all text roles

Use Cases

• Project task dashboards• CRM lists and deal tracking• Product and inventory management• Team workflows and sprint boards• Content pipelines and editorial systems• Any sortable, filterable, reorderable data

Default Setup

Comes with the Ink theme and 8 realistic task items ready to drag, sort, and search instantly.

Tags

sortable list, drag reorder, data table, sort filter, task list, project management, interactive list, framer component, list view, data display, multi sort, search filter, localStorage, responsive, typography, custom colors, drag and drop

57:T490,

What’s Included

• Multi-tab code snippets with up to 8 tabs. Each tab supports its own label, language, and content• 16 supported languages: JavaScript, TypeScript, Python, C++, Go, Rust, Java, C#, PHP, Ruby, Swift, HTML, CSS, JSON, SQL, Bash• 7 built-in themes: GitHub Dark, GitHub Light, Dracula, One Dark Pro, Night Owl, Monokai, Solarized Dark• Animated glow border with adjustable speed, blur, and color• 24 customizable color overrides for syntax tokens, background, header, tabs, and buttons• Diff mode with green and red line highlighting similar to GitHub• Line highlighting by specific number or range• Hover-based line highlight for improved readability• Copy button with customizable label and animated feedback• macOS-style window controls• Multiple tab styles including underline and pill• Word wrap and max height controls• Custom font support via Framer font picker• Fully responsive across all screen sizes

Perfect For

• API references and SDK documentation• SaaS landing pages• Developer tools and product marketing sites• Technical blogs and tutorials• Design system documentation

58:T703,

Modern scroll form with section navigation and Framer Forms support

Overview

Scroll Form Pro is a modern single page form built for smooth and intuitive user experiences.

Instead of splitting forms into steps, everything flows in one continuous scroll. Users can move naturally through sections or jump between them with clear navigation and visual progress feedback.

Built on top of Framer Forms, it integrates seamlessly into your existing workflows while giving you full control over structure and styling.

Why choose Scroll Form Pro

Traditional forms feel rigid and interruptive.

Scroll Form Pro feels like part of your page.

It keeps users oriented, reduces friction, and improves completion rates with a clean and fluid experience.

Features

Sticky section navigation for easy movement
Scroll based progress feedback
Clean chip style selection inputs
Fully customizable content and layout
Conditional field logic for dynamic flows
Native Framer Forms integration
Responsive design across all breakpoints
Built in validation and error handling
Customizable success state

Use cases

Contact and inquiry forms
Client onboarding flows
Project brief collection
Application forms
Lead generation pages

Built for Framer

Designed specifically for Framer creators who want a flexible, high quality form solution without compromising on design or user experience.

Overview

QuoteCart Pro is a complete cart and quote request (RFQ) system for Framer websites. It allows visitors to add products to a persistent cart, enter contact details through a multi-step checkout flow, and submit a quote request via webhook, all with polished animations and full design customization.

5 Display Modes

Add to Cart Button

Place on product cards. Includes 4 button styles (filled, outline, ghost, minimal). Shows animated checkmark feedback on click. Configurable product ID, name, price, image, and quantity per click.

Cart Icon

Designed for your site header. Choose from 3 icon styles (bag, cart, basket). Animated badge counter bounces when items are added. Click opens the slide-in drawer.

Cart Drawer

Full slide-in panel from left or right with backdrop blur. Spring-animated open and close. Contains the full cart experience including item list, quantity steppers, promo codes, multi-step form, and submission.

Cart Page

Inline full cart view for dedicated cart pages. Same features as the drawer but embedded into your layout.

Mini Cart

Compact summary bar showing item count and total price. Clicking opens the drawer. Ideal for sticky footers or floating elements.

Multi-Step Checkout Flow

3-step animated flow with a progress bar:

Cart — Review items, adjust quantities, apply promo codes, add per-item notes
Details — Dynamic customer form with configurable fields
Review — Order summary with itemized breakdown and contact details before submission

Animated step indicator shows progress. Steps transition smoothly and can be disabled to skip directly to review.

Animated Cart Experience

Items slide in with staggered animations when the drawer opens
Quantity steppers animate smoothly (trash icon appears at quantity 1)
Toast notifications animate in and out when items are added or removed
Badge counter bounces when cart count changes
Total price updates with a pop animation
Success state displays an animated checkmark after submission
Empty cart shows an illustrated SVG empty state

Dynamic Form Builder

Configure customer fields using a simple text format in the property panel.

Supported field types: text, email, tel, textarea, and select with custom options. Any field can be marked as required. The form validates before allowing progression to the review step.

Promo Code System

Built-in discount code support. Set a valid code and discount percentage in the property panel. Users enter the code in the cart and the discount is applied to the total with visual feedback. Included in the webhook payload.

Per-Item Notes

Each cart item can include an optional note. Users click “Add note” to expand a text area. Notes are included in the webhook payload for customization requests or special instructions.

Webhook Integration

Sends a POST request with a JSON payload to any endpoint (Make, Zapier, Cloudflare Workers, custom API). Return 2xx for success. Non-2xx responses show a configurable error message. Success displays an animated checkmark with the request ID.

15 Currencies

Built-in formatting for USD, EUR, GBP, TRY, JPY, CAD, AUD, CHF, CNY, INR, BRL, KRW, SEK, AED, plus a Custom option for your own symbol. Decimal places configurable from 0 to 4.

4 Theme Presets + Custom

Obsidian — Dark glass with subtle transparency
Snow — Clean light theme with soft shadows
Ocean — Deep blue tones
Sand — Warm neutral earth tones
Custom — Full control over 15 color properties

Cross-Instance Communication

All component instances using the same Storage Key stay synchronized. Add to Cart buttons anywhere update the cart icon badge and drawer contents in real time via localStorage and custom DOM events. Works across browser tabs.

Property Panel (14 Grouped Sections)

Mode — Component type selector
Theme — Presets and custom colors
Product — Product configuration
Button — Button settings
Cart Icon — Icon settings
Drawer — Drawer behavior
Cart — Currency and cart options
Form Fields — Dynamic field setup
Checkout Steps — Step configuration
Webhook — Submission settings
Toast — Notification settings
Typography — Font controls
Styling — Border radius controls
Storage — Cart persistence key

5c:Tab5,

SYNAPTIC PRO — PREMIUM NEURAL NETWORK CANVAS

Elevate your AI, SaaS, or tech website with a stunning animated neural network background that brings your landing page to life.

WHAT MAKES IT SPECIAL

Synaptic Pro goes beyond basic particle animations. It features a multi-layer depth system where foreground nodes appear larger and more vibrant while background nodes create atmospheric depth. Connections use elegant bezier curves instead of flat lines, and energy particles flow along pathways leaving glowing trails.

KEY FEATURES

Multi-Layer Depth System Three distinct layers create realistic 3D depth with parallax mouse effects. Foreground, middle, and background nodes each respond differently to interactions.

Neural Signal Propagation Click anywhere to trigger cascading activation signals that spread from node to node, creating an "AI thinking" effect perfect for tech products.

Organic Flow Movement Nodes gently float and breathe using noise-based algorithms, making the network feel alive rather than static.

Energy Particle Flow Luminescent particles travel along neural pathways with trailing effects, visualizing data transmission.

Click Ripple Waves Interactive ripple effects emanate from click points, adding satisfying feedback to user interactions.

8 PREMIUM THEMES

Cosmos — Deep indigo and purple tones Aurora — Teal and cyan gradients Ember — Warm orange and red Neon City — Vibrant pink and cyan Matrix — Classic green terminal style Frost — Light mode with cool blues Sunset — Golden orange to pink Void — Minimal black and white

Full custom color support with 9 individual color controls.

5 ACTIVITY MODES

Calm Flow — Subtle, meditative movement Breathing — Gentle pulsing rhythm AI Thinking — Ideal for tech landing pages Processing — Active, busy feel Neural Storm — Dramatic, intense animation

7 LAYOUT PATTERNS

Organic, Constellation, Neural, Spiral, Radial, Grid, and Random distributions to match your design needs.

CUSTOMIZATION OPTIONS

Adjust node density, size, connection opacity, glow intensity, ambient particles, vignette depth, mouse influence radius, and more. Every visual aspect can be fine-tuned.

PERFORMANCE

Optimized canvas rendering with requestAnimationFrame. Smooth 60fps animation that adapts to any container size.

PERFECT FOR

AI product landing pages SaaS hero sections Tech startup websites Data visualization backgrounds Machine learning dashboards Developer portfolios

Drag, drop, and customize. No code required.

5d:Tb0e,

Elevate your landing page with a high-fidelity AI chat interface designed to simulate real-time LLM interactions. This component transforms static screenshots into engaging, animated demonstrations, perfect for showcasing AI products, chatbots, and SaaS tools.

Unlike basic animations, this component utilizes advanced logic to mimic the behavior of modern AI interfaces, including variable typing speeds, intelligent pauses, and dynamic auto-scrolling.

Key Features

Realistic Streaming Effect: Simulates the token-by-token generation seen in major LLMs. Choose between character streaming, word-by-word appearance, or typewriter effects to match your brand's feel.
Rich Text & Code Support: Fully supports markdown rendering. Display bold text, lists, and formatted code blocks with syntax highlighting, making it ideal for technical demos.
Smart Auto-Scrolling: The interface automatically scrolls to the latest message as text is generated, ensuring a seamless reading experience without user intervention.
8 Professional Themes: Includes visually refined presets such as Clean Light, Dark Pro, Glassmorphism, Terminal, and Warm Beige. Alternatively, use the Custom mode to match your brand colors precisely.
Interactive Triggers: Control when the conversation starts using Auto-play, Scroll-into-view, Hover, or Click triggers.
Responsive Design: Flawlessly adapts to any container width, preserving layout integrity across desktop, tablet, and mobile breakpoints.

Customization Options

You have full control over the narrative and visual style via the properties panel:

Conversation Flow: Easily add, edit, or reorder messages between the User and the Assistant.
Timing Control: Adjust typing speed, message delays, and thinking pauses to create a natural rhythm.
Visual Identity: Customize avatars, corner radii, bubble colors, and typography settings.
Header & Input: Toggle optional UI elements like the chat header, online status indicators, and input fields to suit your use case.

Use Cases

Hero sections for AI writing tools or coding assistants.
Feature walkthroughs for customer support bots.
Interactive FAQ sections.
Portfolio showcases for conversation designers.

Built with performance in mind, this component uses optimized rendering cycles to ensure smooth animations without impacting your site speed.

5e:T143f,

About this Component

PriceEngine Pro is the most advanced dynamic pricing and quote calculation component available for Framer. It allows you to build sophisticated, interactive cost estimators that engage visitors and drive higher conversion rates. Unlike static pricing tables, PriceEngine Pro lets your users input their specific needs—such as team size, storage requirements, or service add-ons—and instantly see a calculated total price with premium animations.

Designed for high-performance websites, this component combines a robust logic engine with cutting-edge design trends, including Glassmorphism and Neo-Brutalism. It is fully responsive, highly customizable, and ready to integrate with your payment processor.

What's New in v7.2

Tiered Pricing: Each slider now supports a "Price Tiers" field. Define different unit prices based on quantity ranges (e.g. 1-2:500, 3-10:300, 10+:200). The active tier is shown as a live badge next to the slider label as users drag.

Cross-Multiply Sliders: Link two sliders together so one scales the other. Assign an ID to any slider, then reference it via "Multiply By" on another. Formula: value x Price x otherSliderValue. Perfect for photography, event, or per-person pricing.

Bug Fix: The "Price ($)" field is now correctly hidden for Dropdown inputs, as dropdown prices are set directly inside the Options field.

Key Features

Advanced Logic Engine

Define complex pricing structures with ease. Set a base price and add unlimited variables. The component handles the math automatically using multipliers, fixed costs, tiered rates, and cross-slider multiplication.

Sliders: Perfect for volume-based pricing (e.g., number of users, monthly visitors). Supports flat per-unit pricing, tiered pricing, and cross-multiplication with other sliders.
Toggles: Ideal for binary add-ons (e.g., 24/7 support, white-labeling).
Dropdowns: Great for selecting tiers or categories (e.g., hosting level, project type).

Premium Design Themes

Includes professionally curated design presets inspired by modern 2026 UI trends. Switch between styles instantly or create your own.

Glass: A modern, frosted-glass aesthetic with backdrop blur and deep contrast.
Void: A deep, immersive dark mode with noise textures for a premium tech feel.
Cyber: High-contrast, neon-inspired outlines for futuristic brands.
Luma: A clean, minimal, and professional light theme for corporate use.

Checkout & URL Integration

Turn estimates into actual sales. The Call-to-Action button can dynamically append the calculated total to your checkout URL (e.g., Stripe, Lemon Squeezy, or Typeform). This allows you to pass the exact price data to your payment processor or contact form automatically.

Cinematic Animations

Features a physics-based spring animation engine. As users adjust inputs, the price updates with a satisfying, high-quality ticker effect. You can customize the animation style (Bouncy, Smooth, or Stiff) and speed to match your brand's personality.

Granular Customization

Every aspect of the component is adjustable via the Framer property panel.

Typography: Customize fonts, weights, and sizes for titles, labels, prices, and currency symbols independently.
Styling: Control corner radii for containers, inputs, buttons, and switches down to the pixel.
Layout: Adjust padding, gaps, and alignment to fit perfectly within your site's grid.
Colors: Override any theme color to match your brand guidelines exactly.

Perfect For

SaaS Founders: Create "per-seat" or usage-based pricing calculators.
Freelancers & Agencies: Allow clients to estimate project costs before contacting you.
Photographers & Service Businesses: Build per-person, per-image, or tiered quote generators with cross-multiplied pricing.
ROI Calculators: Demonstrate value by calculating potential savings or revenue for your leads.

How It Works

Drag the component onto your canvas.
Choose a preset theme or apply your custom brand colors.
Add your inputs (Sliders, Toggles, Dropdowns) via the property panel.
Set pricing per input: use Price ($) for flat rates, Price Tiers for volume-based rates, or Multiply By to link two sliders together.
Link the button to your checkout page.

Support

This component includes detailed helper text within the Framer property panel to guide you through every setting. No code knowledge is required to achieve a professional result.

5f:T864,

Finally, a slider designed specifically for Framer CMS.

Struggling to create a carousel from your CMS content? The native tools can be limiting. CMS Slider bridges the gap, allowing you to transform any Collection List into a fully interactive, responsive, and high-performance slideshow in seconds.

Whether you are building a testimonial carousel, a portfolio showcase, or a vertical news feed, this component handles it all with zero code.

Key Features

Seamless CMS Integration: Just drag, drop, and connect your Collection List. It works instantly.
Smart Link Technology: Intelligent gesture recognition ensures links inside slides work perfectly but aren't triggered accidentally while dragging.
Multi-Directional Flow: Support for Left, Right, Up, and Down scrolling directions. Perfect for traditional sliders or unique vertical feeds.
High Performance: Built with GPU-accelerated transitions. No lag, no "instant jumps"—just silky smooth animations.
Advanced Navigation:
- Custom Icons: Upload your own images for Previous/Next buttons.
- Flexible Layouts: Group arrows together or split them to the sides.
- Smart Positioning: Align controls precisely (Top/Center/Bottom) with custom offsets.
Full Control: Customize gaps, padding, corner radius, drop shadows, and active states easily.
Interactive: Supports touch gestures, dragging, swipe-to-scroll, and "Pause on Hover".
Smart Autoplay: Configurable intervals with loop functionality.

How to use

Drag the component onto your canvas.
Connect a CMS Collection List to the Content property.
Customize the layout, direction, and styles from the property panel.

Unlock the full potential of your CMS content today!

60:T711,

Elevate your Framer site with the ultimate Interactive 3D Earth Globe.

Designed for performance and beauty, this component allows you to visualize global connections with stunning animated arcs. Unlike static images, this is a fully interactive WebGL globe based on the powerful Cobe library, optimized specifically for Framer.

Key Features

Real Coordinate Support: Simply paste Latitude/Longitude coordinates (e.g., "40.71, -74.01") to draw accurate routes between cities. No guesswork needed.
8 Professional Themes: Includes Cyan, Midnight, Emerald, Rose, and more. Plus, a fully Custom Mode to match your brand colors exactly.
High Performance: Built on WebGL, ensuring 60FPS smooth animations without slowing down your site.
Animated Arcs: Visualize data, travel routes, or server locations with beautiful, animated flying lines.
Drag & Interact: Fully interactive. Users can grab and spin the globe. Includes auto-rotation with adjustable speeds.
Atmosphere & Glow: Realistic atmospheric glow effects that can be toggled on or off.

Fully Customizable

Rendering Styles: Choose between Dot Matrix, Minimal, Detailed, or Soft rendering styles for the landmasses.
Smart Defaults: Comes with glitch-free color logic. Customize start/end dots and arc colors individually.
Responsive: Automatically adapts to the container size.

Perfect for SaaS landing pages, Analytics dashboards, Travel agencies, Logistics companies, and Contact Us sections.

61:T7aa,

Command Center Pro brings a macOS Spotlight and Linear-style command palette to your Framer site.

It is more than a search bar. Visitors can navigate to pages, use it as a lightweight command based navigation menu, smooth scroll to on page sections, open external links, or copy text instantly using a familiar keyboard shortcut.

Built for SaaS products, portfolios, and documentation sites where speed, clarity, and UX matter most.

Key Features

Native Shortcut UX: Automatically detects Mac (Cmd) vs Windows (Ctrl) and updates the shortcut hint.
Command-Based Navigation: Use it as a primary or secondary navigation menu without adding visual clutter.
Smart Actions: Open internal routes, external URLs in new tabs, or smooth-scroll to anchors.
Copy to Clipboard: Ideal for emails, coupon codes, invite links, API keys, and more.
6 Premium Themes + Custom: Dark, Light, Minimal Dark, Minimal Light, Neon, Midnight, plus full Custom color control.
Icons & Media: Use Lucide icons by name or upload your own image or logo per item.
Advanced Typography: Separate font controls for input, list items, and metadata using Framer’s native font picker.
Mobile-Friendly: Clean layout on small viewports and works smoothly with virtual keyboards.

Why Command Center Pro?

Unlike basic search or menu components, it uses a portal based modal architecture to stay reliable above complex layouts and tricky z index stacks while offering strong keyboard navigation and accessibility focused behavior.

Setup

Drag & drop
Pick a theme
Add items (links, anchors, or copy actions)
Publish

62:T62c,

Workflow Network is a flexible Framer component for creating modern workflow, automation, and system diagrams. It’s built for SaaS websites that need to clearly explain how processes, features, or integrations connect—visually and interactively.

What it’s for

Use Workflow Network to showcase automation flows, system logic, feature relationships, error routing, or integrations in a clean, developer-oriented visual style.

How it works

You define a central source node and connect it to multiple target nodes using animated beams. Animations can start automatically, on appear, or when a specific trigger element becomes visible. Optional hover interaction allows focusing a single connection without disrupting the overall flow.

What you can customize

Start behavior: Auto Loop, On Appear, or Trigger ID
Animation mode: Loop or Play Once (fill and stay)
Optional moving dots flowing inside connections
Hover interaction (clean focus, no desync)
Icons: Lucide icons or uploaded images
Full typography control (font family, line height, letter spacing)
Layout controls: padding, radius, icon size, grid style, shadows
Fully responsive with smart scaling (works down to mobile sizes)

Ideal for

SaaS founders, product designers, and developers who want to explain complex workflows in a visual, interactive, and polished way—without writing custom SVG or animation logic.

63:T8fb,

Transform boring diagrams into stunning 3D visualizations.

The Unified Data Stack is a high-performance Framer component designed specifically for SaaS, Cloud, and Data Infrastructure websites. It allows you to visualize tech stacks, server layers, or data pipelines in a beautiful, interactive isometric view.

It is built with performance in mind, ensuring 60FPS animations without slowing down your site.

✨ Key Features

4 Powerful Animation Modes:
- Scroll: Layers assemble smoothly as the user scrolls down the page.
- Appear: Triggers a cinematic entrance when the component enters the viewport.
- Loop: Plays a continuous, hypnotic floating animation (perfect for Hero sections).
- Load: Assembles instantly upon page load.
Fully Responsive & Auto-Scale: Unlike standard 3D CSS, this component intelligently scales down to fit mobile screens (down to 390px) without breaking the layout.
Complete Customization:
- Colors: Customize Top, Side, Icon, and Background colors for every single layer.
- Icons: Choose from 50+ built-in Lucide icons or upload your own brand logos.
- Camera Control: Adjust the Tilt (X), Rotation (Z), Depth, and Zoom to find the perfect angle.
Interactive Legend: An optional, auto-generated sidebar legend that explains each layer.

🛠️ How to Use

Drag the component onto your canvas.
Choose your Animation Mode (e.g., Scroll or Loop).
Edit the Layers via the property panel (Add/Remove layers, change text).
Adjust the Camera angle to match your site's perspective.
Use the Auto Scale toggle to ensure it looks great on mobile.

Perfect for: Cloud Architecture diagrams, Data Pipelines, features sections, "How it Works" blocks, and modern SaaS Hero headers.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1-all:/unified/creator/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/activity/":[{"data":[{"id":"01a0a456-766e-729d-a7ca-e84a73b3b6fe","type":"creator.followed","target":{"type":"creator","id":"855b17a5-ffa0-4930-a542-1f26cc03cac9","preview":"SAM","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/855b17a5-ffa0-4930-a542-1f26cc03cac9/fnzfalo2","slug":"samlayouts","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T09:12:04.971Z","latestAt":"2026-09-15T09:12:04.971Z"},{"id":"01a0a456-70d4-7779-a442-08a543759d6b","type":"creator.followed","target":{"type":"creator","id":"5bb3327c-5745-428f-9c36-ddab55c0f7f6","preview":"Netzoic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/702645/avatar-WNYqmbBrOD00sstacv4AdRfj79pgia.jpg","slug":"netzoic","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T09:12:03.537Z","latestAt":"2026-09-15T09:12:03.537Z"},{"id":"01a0a456-6f72-72dc-a3c1-60e9acff7b54","type":"creator.followed","target":{"type":"creator","id":"1f3cc131-a128-4a31-8e1b-fa1456417a40","preview":".: robert","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1526580/avatar-R70JxLIY7WLVRvUGJl3ciZYKPLFQ3V.jpg","slug":"automagiskt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T09:12:03.181Z","latestAt":"2026-09-15T09:12:03.181Z"},{"id":"01a0a456-6b5f-77fc-ad08-dba06b068075","type":"creator.followed","target":{"type":"creator","id":"0b558ae9-659c-48b6-aad4-213b69082ddf","preview":"NEXTLVL","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0b558ae9-659c-48b6-aad4-213b69082ddf/26qnq83t","slug":"nextlvl","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T09:12:02.139Z","latestAt":"2026-09-15T09:12:02.139Z"},{"id":"019efba3-b305-748e-bf78-6be79c6a6ea3","type":"component.created","target":{"type":"component","id":"JfzrVDLCn8XcucaTl2XB","preview":"Klaviyo Email Signup","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/00g1bf7s","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-24T21:57:49.957Z","latestAt":"2026-06-24T21:57:49.957Z"},{"id":"019efaed-45c3-749c-af5c-1e4fc57cd1cf","type":"creator.followed","target":{"type":"creator","id":"88f8c5c5-4479-47ab-8ad6-e3167c5fd0fa","preview":"Rahat hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/88f8c5c5-4479-47ab-8ad6-e3167c5fd0fa/vme66nex","slug":"rahat-hossain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T18:38:34.432Z","latestAt":"2026-06-24T18:38:34.432Z"},{"id":"019efaed-443b-754f-a79c-97ebb345ff1e","type":"creator.followed","target":{"type":"creator","id":"33a627d8-4f83-4e2f-8d02-4bdbb58c3ec7","preview":"Hella Fast, LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/694452/avatar-sJzTGZEMT0WZ1yEryeWCj7MBQ0uP8A.jpg","slug":"hella-fast","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T18:38:34.039Z","latestAt":"2026-06-24T18:38:34.039Z"},{"id":"019ef993-a06d-75ee-887f-b2e11c89d442","type":"creator.followed","target":{"type":"creator","id":"deba2271-d770-49ab-a705-e1cb0781c01f","preview":"Sunil Patel","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T12:21:02.183Z","latestAt":"2026-06-24T12:21:02.183Z"},{"id":"019ef993-93f4-73ad-9e19-45b126acdc0b","type":"creator.followed","target":{"type":"creator","id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","preview":"David McBacon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T12:20:58.991Z","latestAt":"2026-06-24T12:20:58.991Z"},{"id":"019ef4a1-1463-7428-a75d-98435b41cb5a","type":"template.created","target":{"type":"template","id":"68015","preview":"WellMind","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/51gz6kps","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","slug":"can-girgin","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T13:17:37.763Z","latestAt":"2026-06-23T13:17:37.763Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1:/unified/posts/?creator=df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1&with=reposts":[{"data":[{"id":"019efba3-b2d1-7632-9bd4-660ca696733c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"JfzrVDLCn8XcucaTl2XB","resolved":true,"title":"Klaviyo Email Signup","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Send subscribers straight to your Klaviyo list — no code, no backend. The form uses Klaviyo's official browser-safe Client API, so you only ever paste your public key. Your private key always stays private."}]},{"type":"paragraph","content":[{"type":"text","text":"CONNECT IN 60 SECONDS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"1. In Klaviyo, go to Settings → API Keys and copy your Public API Key (6 characters, e.g. XyZ123)."}]},{"type":"paragraph","content":[{"type":"text","text":"2. In Klaviyo, go to Audience → Lists & Segments → your list → Settings and copy the List ID (e.g. Y6nRLr)."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Paste both into the form's Klaviyo panel. Done — new signups land in your list."}]},{"type":"paragraph","content":[{"type":"text","text":"Double opt-in is respected automatically. Leave the keys empty or turn on Test Mode to preview without sending real data."}]},{"type":"paragraph","content":[{"type":"text","text":"FEATURES","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Email, plus optional name & phone (SMS opt-in with automatic E.164 formatting)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional marketing / GDPR consent checkbox"}]},{"type":"paragraph","content":[{"type":"text","text":"• Real-time validation with custom error messages"}]},{"type":"paragraph","content":[{"type":"text","text":"• 3 layouts, with stacked or side-by-side fields"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pill-ready radius, transparent background, removable title / subtitle / footer"}]},{"type":"paragraph","content":[{"type":"text","text":"• 18 colors, 6 fonts, and full control of padding, spacing, sizing & chrome"}]},{"type":"paragraph","content":[{"type":"text","text":"• Animated success screen and friendly error states"}]},{"type":"paragraph","content":[{"type":"text","text":"• On Success / On Error events for redirects or tracking"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive and canvas-safe"}]},{"type":"paragraph","content":[{"type":"text","text":"COMPATIBILITY","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Framer (latest) · Responsive · No CMS · Works in canvas preview (demo mode)"}]},{"type":"paragraph","content":[{"type":"text","text":"No backend, no Zapier, no middleman — just your form and Klaviyo."}]}]},"introduction":"Klaviyo email & SMS signup form","slug":"klaviyo-email-signup","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/00g1bf7s","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-06-24T21:57:49.870Z","updatedAt":"2026-06-25T18:04:10.356Z","publishedAt":"2026-06-24T21:57:49.867Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://courteous-unicorn-083494.framer.app/","price":"12","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/1f66972e-c33c-4c13-8e35-b86207ca9bbf","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"YEXx9eKu6CSuVkgBkRDi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T21:57:49.905Z","updatedAt":"2026-06-24T21:57:49.905Z"},{"id":"019ef4a1-1422-7042-9612-08c9c38b0fc3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"68015","resolved":true,"title":"WellMind","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WellMind is a calm, modern Framer template designed for therapists, psychologists, counselors, wellness coaches, and private practices who want a trustworthy online presence."}]},{"type":"paragraph","content":[{"type":"text","text":"Built around a warm personal-brand layout, it helps you introduce your approach, present your services, share credentials, publish helpful content, and guide visitors toward booking a session."}]},{"type":"paragraph","content":[{"type":"text","text":"The template includes Home, About, Services, individual Service pages powered by CMS, Blog, individual Blog posts powered by CMS, Contact, Legal pages, and a custom 404 page."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive across desktop, tablet, and mobile "}]},{"type":"paragraph","content":[{"type":"text","text":"• CMS-powered Services and Blog sections "}]},{"type":"paragraph","content":[{"type":"text","text":"• Clear “Book a Session” calls-to-action "}]},{"type":"paragraph","content":[{"type":"text","text":"• Built-in contact form • Soft editorial typography "}]},{"type":"paragraph","content":[{"type":"text","text":"• Calm, professional color palette "}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth scrolling and subtle text effects "}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy to customize with your own text, images, and colors"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for mental-health professionals, private therapy practices, wellness consultants, life coaches, and anyone offering thoughtful one-on-one care."}]}]},"introduction":"Calm, Modern Therapy Template","slug":"wellmind","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/51gz6kps","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/dzpi6r4b","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2686,"height":2100}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1/fnuu6jno","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1280,"height":960}}],"post":null,"createdAt":"2026-06-23T13:17:37.662Z","updatedAt":"2026-06-23T13:17:37.662Z","publishedAt":"2026-06-23T13:17:37.659Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/fca21e3c-c82d-4afc-b04b-c0607d3bed23","remixUrl":null,"previewUrl":"https://visual-principles-697879.framer.app/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":16,"name":"Personal","slug":"personal"},{"id":200,"name":"Coaching","slug":"coaching"},{"id":257,"name":"Therapy","slug":"therapy"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":257,"name":"Therapy","slug":"therapy"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":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":24,"name":"Site Search","slug":"site-search"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T13:17:37.699Z","updatedAt":"2026-06-23T13:17:37.699Z"},{"id":"019e3087-5b5c-72c1-8096-650acda6fdf7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15648","resolved":true,"title":"Antique Woods LA","body":null,"bodyJson":null,"introduction":"A premium website for a Louisiana-based reclaimed wood company specializing in flooring, beams, trusses, millwork, stairs, and custom timber structures.","slug":"antique-woods-la","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15648/thumbnail-TOIwLpOXTCJrtYe7c7rrpLlq1dkS9m.jpg","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T11:23:57.658Z","updatedAt":"2026-05-16T11:23:57.658Z","publishedAt":"2026-05-16T11:23:57.660Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.antiquewoodsla.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"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-05-16T11:23:57.660Z","updatedAt":"2026-05-16T11:23:57.660Z"},{"id":"019e1b82-f526-701f-9c26-8fafb72ac3dc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"KGsjDfICnsAnDRAmrbvs","resolved":true,"title":"Chat Bubble Kit","body":"$54","bodyJson":null,"introduction":"Messaging UI + iPhone mockup","slug":"chat-bubble-kit","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KGsjDfICnsAnDRAmrbvs/chatbubblekit-VD96Ps5Y052sCktAXP6qA8HVHeThkq","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-23T16:58:34.997Z","updatedAt":"2026-05-12T09:12:46.668Z","publishedAt":"2026-05-12T09:27:07.814Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://magnificent-photos-654646.framer.app/","price":"10","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/38a7cf1c-85a6-47bc-88fa-9028acbc18b0","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"vvfTrSQtwy5nHPAYfluL","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-05-12T09:27:07.814Z","updatedAt":"2026-05-12T09:27:07.814Z"},{"id":"019e0316-b2ec-7a99-9de2-ad7fe6a58d36","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3dlgtHvW9xAbQoBTaIaQ","resolved":true,"title":"Feedback Widget","body":"$55","bodyJson":null,"introduction":"Floating NPS survey with comment capture","slug":"feedback-widget","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3dlgtHvW9xAbQoBTaIaQ/feedback-widget-T8v5hWDxjHgOZA6qebszYiepCKDedk","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-23T16:27:57.831Z","updatedAt":"2026-05-07T14:23:03.532Z","publishedAt":"2026-05-07T15:37:59.788Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://adaptable-manager-957443.framer.app/","price":"8","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/a9a18973-4a44-475b-98d5-1d13dc37af8f","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"vpoB1Z0WTQX17ppqrqCO","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-05-07T15:37:59.788Z","updatedAt":"2026-05-07T15:37:59.788Z"},{"id":"019d485c-cf33-71cd-8669-4f4c34e28918","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"SJDKXTVVPQYRcooFJkMn","resolved":true,"title":"Sortable List Pro","body":"$56","bodyJson":null,"introduction":"Drag Reorder + Sort + Search + 5 Themes","slug":"sortable-list-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SJDKXTVVPQYRcooFJkMn/sortable-list-pro-SjCum43IeWU9NpvW01ERX9IuK43uP4","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-24T00:10:51.489Z","updatedAt":"2026-04-01T09:21:46.746Z","publishedAt":"2026-04-01T09:25:35.155Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://courteous-cogwheel-881187.framer.app/","price":"7","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/411cc086-7fdc-41f6-9ab2-3230f6c03db7","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"NSSdlGQ8ZljwqsrO9Ghw","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-04-01T09:25:35.155Z","updatedAt":"2026-04-01T09:25:35.155Z"},{"id":"019d4856-43dc-716b-bd48-e9cb4298525d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RrEtJ7472OtcpHR1dUbn","resolved":true,"title":"Code Block Kit","body":"$57","bodyJson":null,"introduction":"Multi-tab code viewer with animated glow","slug":"code-block-kit","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RrEtJ7472OtcpHR1dUbn/code-block-kit-SsNXIhD1ddhumD62aORRSf2gjvd4TN","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-23T23:01:25.479Z","updatedAt":"2026-04-01T09:14:03.358Z","publishedAt":"2026-04-01T09:18:26.268Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://code-block.framer.website/","price":"7","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/408a198b-ba84-4c2f-bcb4-91b0b18bfe3b","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"2QcK0I2zsBWaPjl90RWj","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-04-01T09:18:26.268Z","updatedAt":"2026-04-01T09:18:26.268Z"},{"id":"019d4856-3169-73e6-8e01-cf49d33d06d5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7cH8HCDJP3gK6GUgNGHN","resolved":true,"title":"Scroll Form Pro","body":"$58","bodyJson":null,"introduction":"Scroll form with tabs, progress & chips","slug":"scroll-form-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7cH8HCDJP3gK6GUgNGHN/scroll-form-pro-XyecKomY3HVoyLPka1SOOLajOwQP39","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-20T20:22:48.483Z","updatedAt":"2026-06-15T19:23:29.674Z","publishedAt":"2026-04-01T09:18:21.545Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollformpro.framer.website/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/85c63310-e3b4-4214-97c3-6502b4941472","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"qwJvQSSd7uWNUgqe0TXR","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-04-01T09:18:21.545Z","updatedAt":"2026-04-01T09:18:21.545Z"},{"id":"019c7088-9394-7bf9-b5ef-a9d25a7d6b2c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tkLXnH9dDjzB9392faH0","resolved":true,"title":"MultiBase Pro","body":"$59","bodyJson":null,"introduction":"Multi-view database with 4 smart layouts","slug":"multibase-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tkLXnH9dDjzB9392faH0/multibase-pro-bQBoOnurK1UKFUl5rQN6glb9joOfKt","metadata":{"tint":{"h":210,"s":22,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-12T12:56:42.993Z","updatedAt":"2026-02-18T11:29:01.152Z","publishedAt":"2026-02-18T11:35:24.820Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://miraculous-support-422202.framer.app/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/dd11d8b5-ccb8-41ef-8530-dc7bc2a656c3","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"xqFdClaMo8oly0jPdhEA","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-02-18T11:35:24.820Z","updatedAt":"2026-02-18T11:35:24.820Z"},{"id":"019c7088-71e9-7119-b42f-af835a0c6714","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Cmv8D80w9fLSW6MgzNEs","resolved":true,"title":"NavFlow Pro","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"NavFlow Pro","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"NavFlow Pro is a production-ready navigation component for Framer, built for polished desktop and mobile experiences beyond native Framer interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"It combines real-time DOM measurement, spring animations, responsive behavior, and advanced dropdown logic in one flexible component."}]},{"type":"paragraph","content":[{"type":"text","text":"Core Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Sliding Indicator","marks":[{"type":"bold"}]},{"type":"text","text":" Choose between Pill, Underline, or None. The indicator moves smoothly between navigation items using measured positions and spring-based animation."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Morphing Mega Dropdowns","marks":[{"type":"bold"}]},{"type":"text","text":" Dropdown panels smoothly resize and cross-fade as users move between items, instead of closing and reopening."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Scroll-Aware Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" Enable sticky positioning and optional compact-on-scroll behavior while keeping the full navigation functional."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Responsive Mobile Menu","marks":[{"type":"bold"}]},{"type":"text","text":" Below your chosen breakpoint, the navbar switches to a slide-in panel with accordion submenus, overlay backdrop, and spring transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Featured Cards","marks":[{"type":"bold"}]},{"type":"text","text":" Add optional promotional cards with an image, badge, title, description, and link. Perfect for products, updates, articles, or announcements."}]},{"type":"paragraph","content":[{"type":"text","text":"Flexible Configuration","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Create up to 8 navigation items and configure each as a standard link, link list, or full mega panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Add an optional CTA button with Filled, Outline, or Ghost styles."}]},{"type":"paragraph","content":[{"type":"text","text":"Themes and Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Choose from four built-in themes:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Obsidian • Snow • Midnight • Zinc"}]},{"type":"paragraph","content":[{"type":"text","text":"Switch to Custom mode for full control over colors, spacing, radius, typography, layout, dropdown styling, and mobile breakpoint."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS websites, startups, agencies, portfolios, product platforms, and content-rich Framer sites that need premium navigation without rebuilding everything from scratch."}]}]},"introduction":"Advanced responsive navigation","slug":"navflow-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Cmv8D80w9fLSW6MgzNEs/navflow-pro-sniFDl1DllzPwdBetgSgNv6hDy9avt","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-16T12:18:45.202Z","updatedAt":"2026-07-29T22:54:26.504Z","publishedAt":"2026-02-18T11:35:16.201Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://contextual-interfaces-999216.framer.app/","price":"10","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/63a26450-7e67-49bb-b444-6bb7e89a22be","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"xcYwKinU1P4wBncMipze","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T11:35:16.201Z","updatedAt":"2026-02-18T11:35:16.201Z"},{"id":"019c7029-1a15-7cdf-a2a6-b370bc2ab278","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vhPXqpN4fSTgBuhw2dNX","resolved":true,"title":"QuoteCartPro","body":"$5b","bodyJson":null,"introduction":"Animated cart + RFQ with multi-step flow","slug":"quotecartpro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vhPXqpN4fSTgBuhw2dNX/quotecartpro-lJ4XYuIcwgc8I18zmTBoRBz71AyhW1","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-15T18:28:34.908Z","updatedAt":"2026-02-18T09:42:43.620Z","publishedAt":"2026-02-18T09:51:07.797Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://affable-store-815977.framer.app/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/84cc07ae-1ede-4094-953e-1cf984aa33ed","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"e755SWdxwhpA5lnERifT","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-02-18T09:51:07.797Z","updatedAt":"2026-02-18T09:51:07.797Z"},{"id":"019c0ffd-4c29-7c04-807d-f42b15e5f9a9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"NkBoGrJc9zuv0mTApqYj","resolved":true,"title":"Synaptic Pro","body":"$5c","bodyJson":null,"introduction":"Interactive AI Neural Network Canvas","slug":"synaptic-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NkBoGrJc9zuv0mTApqYj/synaptic-pro-jj2yOn1WkMGVSNjro5owM890aCS4JE","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-18T11:13:10.498Z","updatedAt":"2026-01-30T17:09:06.537Z","publishedAt":"2026-01-30T17:39:44.297Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://synaptic.framer.website/","price":"7","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/9b3ab1ee-caa1-4962-9501-6fe8a9b293e5","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"kwpoSnF5WDOZXmp2agHq","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-01-30T17:39:44.297Z","updatedAt":"2026-01-30T17:39:44.297Z"},{"id":"019c0ac9-403a-7f2a-90dc-49ed9a6e0171","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"KwVRZzXRgnihchWqe03X","resolved":true,"title":"AI Chat Showcase","body":"$5d","bodyJson":null,"introduction":"Interactive AI Chat UI","slug":"aichatshowcase","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KwVRZzXRgnihchWqe03X/aichatshowcase-ggWAowVXp1ppRvWbjefqRGtzW113S0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-17T20:35:05.582Z","updatedAt":"2026-01-29T17:26:57.479Z","publishedAt":"2026-01-29T17:24:47.290Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cuddly-companies-376154.framer.app/","price":"10","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/959589e7-92c1-4335-937d-7d4b5f0af08e","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"MPE7ndIZ7o7kuYvkbyOF","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-01-29T17:24:47.290Z","updatedAt":"2026-01-29T17:24:47.290Z"},{"id":"019c066b-7ac7-7000-8872-9b67f79a7ad4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"TtIrgeakYPwtuaYuvb4w","resolved":true,"title":"Price Engine Pro","body":"$5e","bodyJson":null,"introduction":"Ultimate Dynamic Quote Calculator","slug":"price-engine-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TtIrgeakYPwtuaYuvb4w/priceengine-pro-mexPWa7enp0ON5LzpuyIq5bJRa5o5m","metadata":{"tint":{"h":240,"s":17,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-16T21:36:19.454Z","updatedAt":"2026-03-07T19:37:26.293Z","publishedAt":"2026-01-28T21:03:53.031Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://joyous-month-659544.framer.app/","price":"7","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/f24dcdf6-27fd-43fb-8467-319ecbbd812c","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"fxtta12DJ60Cn6PbmzZb","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-01-28T21:03:53.031Z","updatedAt":"2026-01-28T21:03:53.031Z"},{"id":"019be4d2-4afe-7765-964f-2296153558f6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"mMq5pa9l1DlbJaCJEw0I","resolved":true,"title":"CMS Slider","body":"$5f","bodyJson":null,"introduction":"Responsive CMS content slider","slug":"cms-slider","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/mMq5pa9l1DlbJaCJEw0I/cms-slider-YpnQ3doPd1Hffaf1wt8nZbkk1M7wth","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-12T18:27:25.509Z","updatedAt":"2026-07-30T08:17:18.024Z","publishedAt":"2026-01-22T08:29:05.662Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cmsslider.framer.website/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/bc320aed-8a0d-495e-baec-d88f06685c20","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"NgQGmPtxRk4vfdcHqZtn","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-01-22T08:29:05.662Z","updatedAt":"2026-01-22T08:29:05.662Z"},{"id":"019ba2ea-26d9-7a0e-99fe-d0125af60944","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vVW9ntaK0YeKukKOYyQZ","resolved":true,"title":"Earth 3D Globe Pro","body":"$60","bodyJson":null,"introduction":"","slug":"earth-3d-globe-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vVW9ntaK0YeKukKOYyQZ/earth-3d-globe-pro-HriGjS4dazeTFRSEM31QXZOdIcYFEF","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-25T12:57:09.277Z","updatedAt":"2026-01-09T13:16:18.594Z","publishedAt":"2026-01-09T13:20:13.017Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://visual-one-307581.framer.app/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/07c57cde-b319-4ec0-bd21-c9e0ac5a13df","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"c1dZYMaHUFX1ujXibuPu","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-01-09T13:20:13.017Z","updatedAt":"2026-01-09T13:20:13.017Z"},{"id":"019b988a-466c-71bd-8467-30ba9f7fbad9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qcEKe6ugOxHPa24Ci4cM","resolved":true,"title":"Command Center Pro","body":"$61","bodyJson":null,"introduction":"","slug":"command-center-pro","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qcEKe6ugOxHPa24Ci4cM/command-center-pro-iFe6d6LWFRyRtC2ypKndAhkiDKZkEG","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-21T21:48:57.146Z","updatedAt":"2026-01-07T11:37:46.676Z","publishedAt":"2026-01-07T12:59:17.484Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://command-center.framer.website/","price":"10","paymentUrl":"https://joworks-studio.lemonsqueezy.com/checkout/buy/e938d16a-681b-46a4-a8c9-ac3a3d570774","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"O09KKy1S61fyTTTTCOhe","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-01-07T12:59:17.484Z","updatedAt":"2026-01-07T12:59:17.484Z"},{"id":"019b715f-93b3-7c98-b981-34a943f404b9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VwYw892AUMLtaeY5juEh","resolved":true,"title":"Workflow Network","body":"$62","bodyJson":null,"introduction":"Animated workflow diagrams for SaaS","slug":"workflow-network","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VwYw892AUMLtaeY5juEh/workflow-network-i5Uperb41E7dD0WJPRQNvemLKxVvuD","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-18T08:55:20.418Z","updatedAt":"2026-01-18T12:08:25.735Z","publishedAt":"2025-12-30T22:27:27.795Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://similar-exceptions-404845.framer.app/","price":"9","paymentUrl":"https://joworks-studio.lemonsqueezy.com/buy/c67a18b4-435d-49cc-976f-7db8cd3ecdb9","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"JQYZR6Rd47VArDgi57ug","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-30T22:27:27.795Z","updatedAt":"2025-12-30T22:27:27.795Z"},{"id":"019b4af2-093f-7fc8-98b8-75d9a0e03158","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8vJzCqaSDQZoR47GkoT2","resolved":true,"title":"Unified Data Stack","body":"$63","bodyJson":null,"introduction":"","slug":"unified-data-stack","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8vJzCqaSDQZoR47GkoT2/unified-data-stack-MRHq8OAmWuaDaKi1q6nIAI5DzBNeTv","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-14T10:37:49.700Z","updatedAt":"2025-12-23T10:43:01.522Z","publishedAt":"2025-12-23T11:22:14.719Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://optimistic-overlays-557378.framer.app/","price":"15","paymentUrl":"https://joworks-studio.lemonsqueezy.com/buy/0f49180e-04e9-4ad0-9864-1e303a1ae2c8","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4ewZlfztX6y3drJ5Famj","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":"2025-12-23T11:22:14.719Z","updatedAt":"2025-12-23T11:22:14.719Z"},{"id":"019b1d46-42ea-7f9b-8de2-6d8cdbe01bc4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10548","resolved":true,"title":"SmallTalks","body":null,"bodyJson":null,"introduction":"Small Talks is a community-driven English speaking platform offering live conversation events and private sessions to help people practice real-life English with confidence.","slug":"smalltalks","author":{"framerUserId":"df3fedfd-4d3f-4100-b2f4-0eb9ffdcaaa1","name":"Can Girgin","slug":"can-girgin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29285/avatar-ET5yH7T79O6hzfpRHA4wHb7OxgIv8O.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10548/thumbnail-nuEi8XGaJFaWdsg1Xv7ZgZDplcKDkQ.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-14T14:31:42.568Z","updatedAt":"2025-12-14T14:31:42.568Z","publishedAt":"2025-12-14T14:31:42.570Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://smalltalksonline.com/","categories":[{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"}],"mainCategory":null,"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":"2025-12-14T14:31:42.570Z","updatedAt":"2025-12-14T14:31:42.570Z"}],"pagination":{"next":"MDE5YjFkNDYtNDJlYS03ZjliLThkZTItNmQ4Y2RiZTAxYmM0","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]

What’s included

Why it’s useful

Customization

Built for Framer

What’s Included

Perfect For

Modern scroll form with section navigation and Framer Forms support

Overview

Why choose Scroll Form Pro

Features

Use cases

Built for Framer

Tags

Overview

Four Views, One Component

View Switcher

Five Data Sources

11 Cell Types

Three Themes + Full Override

12 Font Controls

Complete Layout Control

Features Toggle

Export & Pagination

Property Controls Summary

Overview

5 Display Modes

Add to Cart Button

Cart Icon

Cart Drawer

Cart Page

Mini Cart

Multi-Step Checkout Flow

Animated Cart Experience

Dynamic Form Builder

Promo Code System

Per-Item Notes

Webhook Integration

15 Currencies

4 Theme Presets + Custom

Cross-Instance Communication

Property Panel (14 Grouped Sections)

SYNAPTIC PRO — PREMIUM NEURAL NETWORK CANVAS

WHAT MAKES IT SPECIAL

KEY FEATURES

8 PREMIUM THEMES

5 ACTIVITY MODES

7 LAYOUT PATTERNS

CUSTOMIZATION OPTIONS

PERFORMANCE

PERFECT FOR

About this Component

What's New in v7.2

Key Features

Advanced Logic Engine

Premium Design Themes

Checkout & URL Integration

Cinematic Animations

Granular Customization

Perfect For

How It Works

Support

Key Features

How to use

Key Features

Fully Customizable

Key Features

Why Command Center Pro?

Setup

What it’s for

How it works

What you can customize

Ideal for

✨ Key Features

🛠️ How to Use