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

Bocadito — a pet food store template for Framer, running on a real Shopify backend.

WHAT YOU GET

A remix link to the complete Framer project: 10 pages, 10 CMS collections already

filled, laid out for desktop, tablet and phone. Yours to edit and publish under

your own brand.

WHAT YOU ALSO NEED — NOT INCLUDED IN THIS PRICE

• A Framer account. Publishing a site requires a paid Framer plan.

• A Shopify store. Billed by Shopify, not by me.

• The Commerce Connect plugin, free on the Framer marketplace. It stays free

while you publish on a .framer.website domain. Running the shop on your own

domain requires a Commerce Connect licence, sold separately.

Please read that last line before buying. This template is a storefront, not a

standalone site — the products, cart and checkout come from Shopify through the

plugin.

WHAT HAPPENS WHEN YOU REMIX

The project arrives connected to the demo store, so it looks finished from the

first second. Enter your own Shopify Storefront token in the plugin and your

products replace the demo ones.

The demo photography and the Bocadito name and logo are for preview only and are

not licensed for resale. Replace them with your own brand.

DELIVERY AND REFUNDS

Delivered instantly as a remix link after payment. Because it is a digital

product delivered immediately, all sales are final. Ask me anything before you

buy — I answer.

53:T6db,

Commerce Connect turns any Framer site into a Shopify storefront — without giving up a single pixel of your design.

WHY IT'S DIFFERENT

Most Shopify plugins hand you code components: fixed layouts you configure through property controls and nothing else. Commerce Connect ships thirteen real Framer components. Open one, change the typography, the radius, the spacing, the states. Swap the layout entirely. It stays connected to live Shopify data.

WHAT YOU GET

• Product page — title, price, gallery, description, variant selector

• Variant selector with colour and image swatches

• Add to cart, quantity selector, checkout button

• Cart drawer, cart counter, cart line items

• Product cards and grids, bound to Framer's CMS

• Country and currency selector, powered by Shopify Markets

• Build-your-bundle: pick N products, one discounted add to cart

Real inventory. Real prices. Real Shopify checkout.

HOW IT WORKS

1. Connect your store with a Storefront API token

2. Insert components from the plugin

3. Design them like anything else in Framer

4. Publish

Products sync into a Framer CMS collection, so your product pages get real URLs and real SEO.

PRICING

Free on Framer domains — build and test as much as you want, no account needed. A licence is required only when you publish to your own domain.

Your store keeps selling no matter what. If our servers are down, if a licence expires, if the network drops — nothing stops a checkout. We warn you in the console; we never break a customer's cart.

REQUIREMENTS

A Shopify store on any paid plan, and a Storefront API access token.

54:T4fb,

A flexible and fully customizable booking experience built for Framer.

Booking Widget lets you add professional appointment booking flows to any Framer website without building the interface from scratch.

Perfect for barbershops, salons, clinics, consultants, wellness businesses, agencies, and other service-based businesses.

Features

Multi-step booking flow
Services and professionals
Date and time selection
Customer information form
Booking confirmation state
Customizable colors and styling
Editable labels and content
Responsive desktop and mobile layout
Multiple use cases
Built specifically for Framer
No-code customization through Framer properties

Design it to match your brand and create a polished booking experience directly inside Framer.

Please note: This component provides the booking interface and configurable booking experience. External integrations, databases, APIs, email notifications, payments, or third-party booking systems may require additional setup depending on your implementation.

55:T4fa,

Xignia Design is a premium Framer template built for design agencies, creative studios, freelancers, and modern businesses looking to launch a high-end website without starting from scratch.

The template comes fully responsive with a complete design system, reusable components, and a clean project structure that's easy to customize and scale.

Everything is already connected and production-ready, including a fully configured CMS for managing projects, services, blog posts, and other dynamic content. Simply replace the content with your own and publish.

What's included

Modern premium UI

Fully responsive design

Complete CMS integration

Custom code included

Dynamic content collections

Smooth page transitions and animations

SEO-friendly structure

Reusable components

Global color and typography styles

Fast loading performance

Contact forms

Mobile optimized

Easy content management

Well-organized project structure

Ready to publish

Whether you're building a portfolio, agency website, or digital studio, Xignia Design provides a professional foundation that saves hours of setup while maintaining complete flexibility for customization.

56:T54e,

Xignia Design is a premium Framer template built for modern design agencies, creative studios, freelancers, and digital businesses.

Designed with a strong focus on performance, usability, and conversion, this template includes everything needed to launch a professional website in minutes.

What's included

Premium modern UI
Fully responsive across all devices
Complete CMS setup
Dynamic projects and blog collections
Custom code already integrated
Smooth animations and interactions
Optimized SEO structure
Reusable components
Fast loading performance
Contact forms ready to use
Global color and text styles
Easy content editing without touching the design
Clean, scalable project structure
Production-ready

Perfect for:

Design Agencies
Creative Studios
Branding Agencies
UI/UX Designers
Web Designers
Product Designers
Freelancers
Creative Startups
Digital Agencies

Simply replace the content, publish your site, and you're ready to go.

57:T421,

Features

- Split layout: dark left panel with vertical step tracker + light right panel

- 2×2 option grid with solid fill on selection

- 6-step wizard (5 questions + optional file upload)

- Lead scoring system with configurable threshold

- Qualified leads → Calendly CTA / Non-qualified → Lead magnet PDF

- Responsive: auto-switches to mobile stacked layout below 560px

- Full Framer property controls — no code needed to customize

- Zero glassmorphism, clean editorial aesthetic

- Built with Framer Motion animations (disabled in static renderer)

- Cloudinary file upload with drag & drop and progress bar

Customizable via Property Controls

- Colors: background, text/panel, accent

- Font family

- All question headings, subheadings, step labels

- All option labels, emojis, and point values

- Qualification threshold score

- CTA URL (Calendly) and Lead Magnet URL

- Cloudinary cloud name, upload preset, max size, allowed formats

58:T4b4,

Elevate your product presentation with TechSpecsViewer, a premium, production-ready component designed exclusively for Framer. Built for hardware startups, SaaS showcases, and high-end e-commerce, it simplifies complex data into a beautiful, engaging user experience.

Key Features:

• Unified Grid Layout: Encapsulates titles, horizontal sliders, and specifications inside a balanced, symmetrical panel layout.

• Smart Tab-to-Image Sync: Change tabs to instantly project specific micro-component macro photos, or toggle color swatches to update the main gallery.

• Seamless Horizontal Slider: Non-wrapping tab navigation that scrolls fluidly on desktop without broken layouts.

• Ultra-Responsive Mobile Design: Flawlessly transitions into lightweight accordion panels with fully animated dynamic indicators.

• Zero Code Customization: Native addPropertyControls let you edit texts, separate features using simple "|" strings, customize colors, and choose fonts directly from the Framer sidebar.

Perfect for showcasing automotive metrics, industrial design details, electronics, or deeply technical product matrices with zero performance overhead.

59:T699,

FeatureTabs is an interactive and highly visual component built specifically for Framer. It is designed to highlight product features, services, or benefits using fluid animations that instantly capture user attention.

Key Features:

100% Responsive: It adapts smartly. On desktop, it functions as an elegant, expandable horizontal accordion, and on mobile devices, it automatically transforms into an easy-to-navigate vertical card layout.
Fluid Animations: Powered by Framer Motion, the layout transitions use spring physics and smooth opacity changes that add a premium feel to the interaction.
Rich Media Support: Add your own images and custom SVG code for each tab's icon directly from the Framer properties panel, without touching a single line of code.
Integrated Action Button: Includes an aesthetic side button ("And More") that is ideal for linking to a pricing or detailed features page.

Total Customization from the Panel: Everything is exposed in Framer's Property Controls so you can adapt it to any brand in seconds. You can easily modify:

General spacing (Padding) and Border Radius.
Background colors for tabs in their normal, Hover, and Active states.
Accent colors for SVG icons.
Independent colors for card titles and descriptions.

Ideal for SaaS landing pages, agency portfolios, or any website looking to display dense information in a clean, modern, and dynamic way.

5a:T666,

Create High-Converting Booking Experiences

OdysseyReserve isn't just a UI template; it's a fully functional reservation engine built natively for Framer. Designed for luxury rentals, boutique hotels, and high-ticket services, it replaces clunky forms with an immersive, high-end booking flow.

Why choose OdysseyReserve?

Custom React Calendar: Say goodbye to ugly, unstyled native browser date pickers. Features a beautifully styled, fully integrated calendar system that users will love.
Smart Pricing Logic: It does the math for you. Automatically calculates the total number of nights and the final cost based on the user's date selection and chosen accommodation tier.
Zero Code Required: Take full control over typography sizes across all breakpoints (Desktop, Tablet, Mobile), colors, item names, and prices directly from the Framer properties panel.
Fluid Animations: Powered by Framer Motion, it features seamless entrance animations, interactive hover states, and smooth auto-closing behaviors.
Flawlessly Responsive: Engineered to look stunning and work perfectly on any device, ensuring you never lose a booking to a bad mobile experience.

Perfect for: Luxury car/trailer rentals, boutique hospitality, premium service bookings, and agencies looking to offer high-end functionality to their clients in minutes.

Built with precision to save you hours of complex coding.

5b:T748,

The SplitWipe Showcase is a premium, production-ready Framer component designed to display visual projects through a highly engaging, scroll-triggered reveal. As users scroll, the current slide smoothly splits open to reveal the next one, creating a seamless and cinematic browsing experience.

✨ Key Features:

Scroll-Driven Animations: Smooth, hardware-accelerated clip-path animations powered by Framer Motion.
Fully Responsive: Uses modern CSS Container Queries to automatically adapt from a 50/50 vertical split on Desktop to a horizontal stack on Tablet and Mobile.
Per-Project Customization: Total control over every individual slide. Upload custom center logos, and define unique banner background and text colors per project to match distinct brand identities.
Production-Ready & Bug-Free: Built with clean React code, unique ID generation to prevent SVG conflicts, and robust fallbacks for Framer's image handling.

🛠 How to Use:

Drag and drop the component onto your Desktop breakpoint.
Important: Set the component's Height to Viewport (100vh) and Width to Fill (1fr) or 100%.
In the properties panel, add your projects. For each item, you can define the left/right images, title, custom logo, and distinct color schemes.
Adjust the "Breakpoint Tablet/Mobile" property to control exactly when the layout switches to the stacked mobile view.

💡 Performance Tip: To keep the animation buttery smooth (60FPS) across all devices, it is recommended to keep the number of showcase items between 3 and 10 per instance.

5c:T6ba,

The Ultimate Luxury Hero Component MokuHero is designed for creators who want to deliver a high-end, cinematic experience right from the first scroll. With an elegant asymmetric grid and a central media container that smoothly expands as you scroll, this component brings a premium feel to any Framer project.

Key Features:

Native Video Support: Easily upload local .mp4 or .webm files directly from the Framer canvas. No external hosting required.
Advanced Scroll Animations: Built with Framer Motion. The central media scales and adjusts its border radius perfectly on scroll, while the floating images move smoothly in parallax.
100% Customizable: Change typography, font sizes (desktop & mobile independently), and gap spacing right from the properties panel.
Fully Responsive: Seamlessly adapts to Desktop, Tablet, and Mobile views. The complex grid intelligently falls back to a clean, readable layout on smaller breakpoints.
Lightweight & Fast: Coded in React for maximum performance without bloated overrides.

Perfect for:

High-End Glamping & Nomadic Lifestyle brands
Boutique Architecture & Interior Design studios
Luxury Skincare & Wellness platforms
Premium Portfolios

How to use: Simply drag and drop the component onto your canvas, upload your central video or image, add your 4 grid images, and customize the text. The scroll animations work out-of-the-box!

5d:T610,

Qualify Leads & Automate Your Pricing

The Project Estimator is a premium, highly interactive Framer component designed specifically for UI/UX designers, freelancers, and web agencies. It replaces boring contact forms with an engaging, real-time pricing calculator wrapped in a sleek, modern Bento Grid layout.

By letting potential clients estimate their own costs before reaching out, you instantly filter out low-budget inquiries and receive highly qualified leads.

✨ Key Features:

Flawless Bento Grid Design: Engineered with a strict 1px border layout that adapts perfectly across Desktop, Tablet, and Mobile without breaking or leaving empty gaps.
Real-Time Math Logic: Calculates costs dynamically based on project type, number of pages (via a smooth slider), design quality multiplier, and optional add-ons.
Smart Email CTA: The final "Let's Talk" button automatically drafts an email to your address, including the estimated price in the subject/body.
100% No-Code Customization: Change base prices, per-page costs, currencies, fonts, and translate every single text label directly from the Framer properties panel.
Framer Motion Integration: Smooth, spring-based animations on the toggles and fluid price updates.

Simply drag, drop, set your agency's base rates, and start converting better leads today!

5e:T514,

Key Features:

Per-Slide Background Control: Independently customize background colors, images, and decorative overlay shapes for every single slide.
Independent CTA Buttons: Define unique button labels and URLs for each slide, giving you total flexibility for different calls to action.
Smart Image Optimization: Integrated "Product Size %" control ensures product images stay perfectly framed without overlapping titles or buttons.
Fluid Interactivity: Seamless support for drag gestures, dot navigation, and fully configurable Autoplay settings.
Responsive Design: Fluid typography and adaptive spacing that look stunning across desktop, tablet, and mobile breakpoints.

Usage Instructions:

Add Slides: Use the Properties panel to add up to 8 unique slides.
Tweak Global Styles: Adjust the font family, button border radius, and decorative shape opacity from the global controls.
Customize Assets: Upload your product images and fine-tune the "Product Size %" for each one based on its specific aspect ratio.

5f:T607,

Qualify, Filter, and Convert on Autopilot

The Lead Qualification Wizard is an advanced component designed for agencies, SaaS, and consultants who need to filter prospects before booking a call.

Instead of using boring static forms, this component offers an interactive and visually appealing experience with a modern Liquid Glass effect that subtly reacts to mouse movement.

✨ Key Features:

Dynamic Scoring Logic: Assign points to each answer. If the user passes your defined threshold, they become a Qualified Lead.
Smart Routing: Displays a button to your Calendly/Booking link if the prospect qualifies, or a fallback button to download a PDF/Guide if they don't reach the target score.
Reactive Liquid Glass Effect: A premium design with blurs, CSS variables, and a dynamic glow that follows the user's cursor.
100% Customizable: Modify all 5 questions, descriptions, emojis, button texts, points, and the accent color directly from the Framer properties panel—no coding required.
Smooth Animations: Fluid transitions between steps and animated progress bars powered natively by Framer Motion.
Fully Responsive: Adapts seamlessly to desktop, tablet, and mobile screens.

Perfect for integrating into landing pages, sales funnels, or contact sections.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-ff9902a3-57cd-43ff-b610-fee973e8c8a4-all:/unified/creator/ff9902a3-57cd-43ff-b610-fee973e8c8a4/activity/":[{"data":[{"id":"01a0657e-d353-74fb-a361-ffdb2b91f201","type":"template.created","target":{"type":"template","id":"72375","preview":"Bocadito","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db3e-73dc-900c-0f409a691bd2.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-03T04:20:05.587Z","latestAt":"2026-09-03T04:20:05.587Z"},{"id":"01a0657e-bbd0-764c-9271-b0a0de541c0f","type":"plugin.created","target":{"type":"plugin","id":"1550","preview":"Commerce Connect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4b68-711d-ac91-a8649ca0cf31.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-09-03T04:19:59.568Z","latestAt":"2026-09-03T04:19:59.568Z"},{"id":"01a0109c-97d4-70de-b119-2f058829cc88","type":"creator.followed","target":{"type":"creator","id":"de3e5fc8-9f96-46ab-8740-19289d4001bb","preview":"DesignMe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30390/avatar-G2o7FZfMwx1Y4PO8msB0rzMmFrDwQu.jpg","slug":"designme","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:53.060Z","latestAt":"2026-08-17T16:44:53.060Z"},{"id":"01a0109c-8815-76ab-97ba-f0df212dc612","type":"creator.followed","target":{"type":"creator","id":"7974c4cc-1815-4b62-81e3-600487e95620","preview":"Adoor Designs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7974c4cc-1815-4b62-81e3-600487e95620/z5bxlntg","slug":"adoordesigns","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:49.040Z","latestAt":"2026-08-17T16:44:49.040Z"},{"id":"01a0109c-85c8-7018-8c95-e32f3c05cd88","type":"creator.followed","target":{"type":"creator","id":"bfaa0dfb-3797-4487-8c7e-4462418c03cf","preview":"Flexbuildr","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bfaa0dfb-3797-4487-8c7e-4462418c03cf/446tpedp","slug":"flexbuildr","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:48.446Z","latestAt":"2026-08-17T16:44:48.446Z"},{"id":"01a0109c-8322-75f0-84a3-8b1be99af6bd","type":"creator.followed","target":{"type":"creator","id":"1aae5f20-0324-417b-9bc6-bb9eec84d317","preview":"Vercept Digital","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30974/avatar-Hko0hBiCQincZun8sKNM76EmirSoW3.jpg","slug":"kelsey-lindsay","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:47.773Z","latestAt":"2026-08-17T16:44:47.773Z"},{"id":"01a0109c-7c55-70c9-8fd4-8db993bd46c8","type":"creator.followed","target":{"type":"creator","id":"467e2043-a3a6-4b87-bcf1-97dcbaa99717","preview":"Flownomi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/467e2043-a3a6-4b87-bcf1-97dcbaa99717/vn20r9mv","slug":"arnaud-flavigny","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:46.032Z","latestAt":"2026-08-17T16:44:46.032Z"},{"id":"01a0109c-795c-7669-9dec-0ca8a97d7bab","type":"creator.followed","target":{"type":"creator","id":"ada01c21-6899-47b5-90e5-a92c87456c9a","preview":"Kacper Kozłowski","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ada01c21-6899-47b5-90e5-a92c87456c9a/gjf1duyo","slug":"kacper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:45.265Z","latestAt":"2026-08-17T16:44:45.265Z"},{"id":"01a0109c-7761-70e9-aa69-ddd7bbb95762","type":"creator.followed","target":{"type":"creator","id":"d89c589e-548e-416c-97f3-024bffb07a8b","preview":"Abdus Salam","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30757/avatar-tARjq3qOXqvCcHdPODI867O24R9OPQ.jpg","slug":"abdus","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:44.764Z","latestAt":"2026-08-17T16:44:44.764Z"},{"id":"01a0109c-6c9d-77df-b50a-6f17ab8b076d","type":"creator.followed","target":{"type":"creator","id":"c537cc84-68d6-44e9-8d61-0f715360fdbe","preview":"Desses","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c537cc84-68d6-44e9-8d61-0f715360fdbe/g6bl9rch","slug":"desses","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:41.905Z","latestAt":"2026-08-17T16:44:41.905Z"},{"id":"01a0109c-686f-73e8-972c-13b630bbada6","type":"creator.followed","target":{"type":"creator","id":"15be6986-2a75-4705-ab67-dcab085a8741","preview":"Amos Cimpean","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/15be6986-2a75-4705-ab67-dcab085a8741/6v8si36c","slug":"amos-cimpean","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:40.937Z","latestAt":"2026-08-17T16:44:40.937Z"},{"id":"01a0109c-6267-71d5-a9e1-80a128d8c597","type":"creator.followed","target":{"type":"creator","id":"84bdf53c-7bf1-456d-a7b3-6c27388aea73","preview":"Give.ee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/84bdf53c-7bf1-456d-a7b3-6c27388aea73/x10z8xlz","slug":"tanel-sepp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:39.393Z","latestAt":"2026-08-17T16:44:39.393Z"},{"id":"01a0109c-5efa-71bb-bc28-914bed147e77","type":"creator.followed","target":{"type":"creator","id":"f5a3bbc9-1f8a-4c09-b2c1-5dc4e90e1c26","preview":"Carlos Geronimo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30345/avatar-IGm9pGzf0wqKw1gsnxIpxN1HvzEvjk.jpg","slug":"carlos-geronimo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:38.514Z","latestAt":"2026-08-17T16:44:38.514Z"},{"id":"01a0109c-5aa7-725a-a8c7-82c49309c3a6","type":"creator.followed","target":{"type":"creator","id":"9a1e6300-1eee-441a-b772-849b11c92afe","preview":"Salah Eddine","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30170/avatar-MIkdrljK4ZeWTMeg4gf3CEGjNOn068.jpg","slug":"salah","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:37.405Z","latestAt":"2026-08-17T16:44:37.405Z"},{"id":"01a0109c-1513-71e8-8edf-6b82fdbd5f49","type":"creator.followed","target":{"type":"creator","id":"dc886dc4-2132-443b-a5ea-c96f1f4c1976","preview":"AskDolphin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2117027/avatar-8IxPdpv4CcezkU8k1qfXwGK8JkEz0h.jpg","slug":"askdolphin-chat-widget","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:19.600Z","latestAt":"2026-08-17T16:44:19.600Z"},{"id":"01a0109c-1398-7028-a6f7-3744a96f09f5","type":"creator.followed","target":{"type":"creator","id":"ff0fab74-327f-4ddf-b2c7-c6e44b5deef3","preview":"Kashish Sahu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff0fab74-327f-4ddf-b2c7-c6e44b5deef3/k1eqj1rf","slug":"kashish-sahu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:19.219Z","latestAt":"2026-08-17T16:44:19.219Z"},{"id":"01a0109c-123e-7360-af53-8bbb2223b633","type":"creator.followed","target":{"type":"creator","id":"6ddf65d1-84f7-4923-8707-63a04cf6e75e","preview":"Sasha Mozdir","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/724538/avatar-49MoWHLEFOKKCeT53uvOjVlajqkFLj.jpg","slug":"sashamozdir","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:18.872Z","latestAt":"2026-08-17T16:44:18.872Z"},{"id":"01a0109c-0f29-7576-8329-49f4b94a9fca","type":"creator.followed","target":{"type":"creator","id":"b5aa35e3-45c6-42b5-bd38-864a17d04eaa","preview":"Ux Prex","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/556174/avatar-dfoZGDfCU2BJuNeoLPBR9tevQHSEef.jpg","slug":"ux-prex","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:18.084Z","latestAt":"2026-08-17T16:44:18.084Z"},{"id":"01a0109c-0caa-77ab-8f02-407f3a9f9365","type":"creator.followed","target":{"type":"creator","id":"1866a260-af9e-4b08-a022-67e24d487e29","preview":"Meggie Khasiyev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2227315/avatar-VuE8Ei19teWNPyc7rDOD6WavlSf2qp.jpg","slug":"meggie-khasiyev","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:17.435Z","latestAt":"2026-08-17T16:44:17.435Z"},{"id":"01a0109b-ed3a-7359-abfc-98d6be84846b","type":"creator.followed","target":{"type":"creator","id":"fc2ad8af-a079-4f8b-92e9-acf6e4301f08","preview":"SK hasanur rahman","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/fc2ad8af-a079-4f8b-92e9-acf6e4301f08/KVBwrXr-S","slug":"sk-hasanur-rahman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","slug":"uixengine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T16:44:09.396Z","latestAt":"2026-08-17T16:44:09.396Z"}],"pagination":{"next":"MjAyNi0wOC0xN1QxNjo0NDowOS4zOTZafDAxYTAxMDliLWVkM2EtNzM1OS1hYmZjLTk4ZDZiZTg0ODQ2Yg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ff9902a3-57cd-43ff-b610-fee973e8c8a4:/unified/posts/?creator=ff9902a3-57cd-43ff-b610-fee973e8c8a4&with=reposts":[{"data":[{"id":"01a0657e-d10f-7320-8924-34f34b4dfe9c","title":null,"body":"

Bocadito is live — a pet food store template with a real Shopify backend.

Most commerce templates are a design with invented prices. This one sells.

Products, variants, stock and the cart come live from Shopify, and Checkout goes

to Shopify's own checkout.

10 pages, 10 CMS collections already filled, laid out for desktop, tablet and

phone. Mega menu, hero slider, bundle builder, cart drawer, currency selector,

shoppable hotspots.

The part I'm proudest of: the commerce components are built from real Framer

layers, not black boxes. Open the Add To Cart button and change the type, the

radius, the five states. It stays your design.

Runs on Commerce Connect — free while you publish on a Framer domain.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bocadito is live — a pet food store template with a real Shopify backend."}]},{"type":"paragraph","content":[{"type":"text","text":"Most commerce templates are a design with invented prices. This one sells."}]},{"type":"paragraph","content":[{"type":"text","text":"Products, variants, stock and the cart come live from Shopify, and Checkout goes"}]},{"type":"paragraph","content":[{"type":"text","text":"to Shopify's own checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"10 pages, 10 CMS collections already filled, laid out for desktop, tablet and"}]},{"type":"paragraph","content":[{"type":"text","text":"phone. Mega menu, hero slider, bundle builder, cart drawer, currency selector,"}]},{"type":"paragraph","content":[{"type":"text","text":"shoppable hotspots."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I'm proudest of: the commerce components are built from real Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"layers, not black boxes. Open the Add To Cart button and change the type, the"}]},{"type":"paragraph","content":[{"type":"text","text":"radius, the five states. It stays your design."}]},{"type":"paragraph","content":[{"type":"text","text":"Runs on Commerce Connect — free while you publish on a Framer domain."}]}]},"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72375","resolved":true,"title":"Bocadito","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bocadito — a pet food store template for Framer, running on a real Shopify backend."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"A remix link to the complete Framer project: 10 pages, 10 CMS collections already"}]},{"type":"paragraph","content":[{"type":"text","text":"filled, laid out for desktop, tablet and phone. Yours to edit and publish under"}]},{"type":"paragraph","content":[{"type":"text","text":"your own brand."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU ALSO NEED — NOT INCLUDED IN THIS PRICE"}]},{"type":"paragraph","content":[{"type":"text","text":"• A Framer account. Publishing a site requires a paid Framer plan."}]},{"type":"paragraph","content":[{"type":"text","text":"• A Shopify store. Billed by Shopify, not by me."}]},{"type":"paragraph","content":[{"type":"text","text":"• The Commerce Connect plugin, free on the Framer marketplace. It stays free"}]},{"type":"paragraph","content":[{"type":"text","text":" while you publish on a ."},{"type":"text","text":"framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://framer.website","target":"_blank"}}]},{"type":"text","text":" domain. Running the shop on your own"}]},{"type":"paragraph","content":[{"type":"text","text":" domain requires a Commerce Connect licence, sold separately."}]},{"type":"paragraph","content":[{"type":"text","text":"Please read that last line before buying. This template is a storefront, not a"}]},{"type":"paragraph","content":[{"type":"text","text":"standalone site — the products, cart and checkout come from Shopify through the"}]},{"type":"paragraph","content":[{"type":"text","text":"plugin."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT HAPPENS WHEN YOU REMIX"}]},{"type":"paragraph","content":[{"type":"text","text":"The project arrives connected to the demo store, so it looks finished from the"}]},{"type":"paragraph","content":[{"type":"text","text":"first second. Enter your own Shopify Storefront token in the plugin and your"}]},{"type":"paragraph","content":[{"type":"text","text":"products replace the demo ones."}]},{"type":"paragraph","content":[{"type":"text","text":"The demo photography and the Bocadito name and logo are for preview only and are"}]},{"type":"paragraph","content":[{"type":"text","text":"not licensed for resale. Replace them with your own brand."}]},{"type":"paragraph","content":[{"type":"text","text":"DELIVERY AND REFUNDS"}]},{"type":"paragraph","content":[{"type":"text","text":"Delivered instantly as a remix link after payment. Because it is a digital"}]},{"type":"paragraph","content":[{"type":"text","text":"product delivered immediately, all sales are final. Ask me anything before you"}]},{"type":"paragraph","content":[{"type":"text","text":"buy — I answer."}]}]},"introduction":"Shopify pet store, ready to sell","slug":"bocadito","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db3e-73dc-900c-0f409a691bd2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db4c-7526-8a52-e19597279b01.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db2b-7169-a67a-9b564ace5a7e.jpg","metadata":{"tint":{"h":60,"s":8,"l":31},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db69-72e2-89b5-0c72842386a2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a0656d-db5b-7764-ba87-b2df9c33935f.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-03T04:20:04.420Z","updatedAt":"2026-09-03T04:20:04.420Z","publishedAt":"2026-09-03T04:20:04.417Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://contra.com/payment-link/vCTq3rHX-bocadito","remixUrl":null,"previewUrl":"https://bocadito.framer.website/","categories":[{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":245,"name":"Pet Store","slug":"pet"}],"styles":[],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T04:20:05.007Z","updatedAt":"2026-09-03T04:20:05.007Z"},{"id":"01a0657e-b969-76f8-9c06-b6984aed0c37","title":null,"body":"

Commerce Connect is live — Shopify inside Framer, with components you can

actually open and edit.

Products, prices, stock, variants and the cart come live from Shopify. Checkout

goes to Shopify's own checkout. No iframes, no embeds.

The part I care about most: every component is built from real Framer layers.

Open the Add To Cart button and change the type, the radius, the five states.

It's your design, not a widget with a colour picker.

13 components — product page, variant selector with swatches, cart drawer,

bundle builder, currency selector, quick add, and more.

Free while you publish on a Framer domain. A licence unlocks your own domain.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Commerce Connect is live — Shopify inside Framer, with components you can"}]},{"type":"paragraph","content":[{"type":"text","text":"actually open and edit."}]},{"type":"paragraph","content":[{"type":"text","text":"Products, prices, stock, variants and the cart come live from Shopify. Checkout"}]},{"type":"paragraph","content":[{"type":"text","text":"goes to Shopify's own checkout. No iframes, no embeds."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I care about most: every component is built from real Framer layers."}]},{"type":"paragraph","content":[{"type":"text","text":"Open the Add To Cart button and change the type, the radius, the five states."}]},{"type":"paragraph","content":[{"type":"text","text":"It's your design, not a widget with a colour picker."}]},{"type":"paragraph","content":[{"type":"text","text":"13 components — product page, variant selector with swatches, cart drawer,"}]},{"type":"paragraph","content":[{"type":"text","text":"bundle builder, currency selector, quick add, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Free while you publish on a Framer domain. A licence unlocks your own domain."}]}]},"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1550","resolved":true,"title":"Commerce Connect","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Commerce Connect turns any Framer site into a Shopify storefront — without giving up a single pixel of your design."}]},{"type":"paragraph","content":[{"type":"text","text":"WHY IT'S DIFFERENT"}]},{"type":"paragraph","content":[{"type":"text","text":"Most Shopify plugins hand you code components: fixed layouts you configure through property controls and nothing else. Commerce Connect ships thirteen real Framer components. Open one, change the typography, the radius, the spacing, the states. Swap the layout entirely. It stays connected to live Shopify data."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"• Product page — title, price, gallery, description, variant selector"}]},{"type":"paragraph","content":[{"type":"text","text":"• Variant selector with colour and image swatches"}]},{"type":"paragraph","content":[{"type":"text","text":"• Add to cart, quantity selector, checkout button"}]},{"type":"paragraph","content":[{"type":"text","text":"• Cart drawer, cart counter, cart line items"}]},{"type":"paragraph","content":[{"type":"text","text":"• Product cards and grids, bound to Framer's CMS"}]},{"type":"paragraph","content":[{"type":"text","text":"• Country and currency selector, powered by Shopify Markets"}]},{"type":"paragraph","content":[{"type":"text","text":"• Build-your-bundle: pick N products, one discounted add to cart"}]},{"type":"paragraph","content":[{"type":"text","text":"Real inventory. Real prices. Real Shopify checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT WORKS"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Connect your store with a Storefront API token"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Insert components from the plugin"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Design them like anything else in Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Publish"}]},{"type":"paragraph","content":[{"type":"text","text":"Products sync into a Framer CMS collection, so your product pages get real URLs and real SEO."}]},{"type":"paragraph","content":[{"type":"text","text":"PRICING"}]},{"type":"paragraph","content":[{"type":"text","text":"Free on Framer domains — build and test as much as you want, no account needed. A licence is required only when you publish to your own domain."}]},{"type":"paragraph","content":[{"type":"text","text":"Your store keeps selling no matter what. If our servers are down, if a licence expires, if the network drops — nothing stops a checkout. We warn you in the console; we never break a customer's cart."}]},{"type":"paragraph","content":[{"type":"text","text":"REQUIREMENTS"}]},{"type":"paragraph","content":[{"type":"text","text":"A Shopify store on any paid plan, and a Storefront API access token."}]}]},"introduction":"Shopify commerce for Framer sites","slug":"commerce-connect","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4b68-711d-ac91-a8649ca0cf31.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4b90-70f0-a423-cf4676318f19.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4b67-722b-bc48-c32784a37332.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4bde-72aa-bfca-745a8558e884.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a06768-4bac-7345-89f7-41b2e7cd5dda.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-03T04:19:58.336Z","updatedAt":"2026-09-03T19:21:23.422Z","publishedAt":"2026-09-03T19:21:23.408Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"2k64b8lrbd0scddyx7bw9mp8y","paid":true,"categories":[{"id":"c4868181-e303-4aac-8074-bd683d4debe8","name":"Ecommerce","slug":"ecommerce"}],"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-09-03T04:19:58.953Z","updatedAt":"2026-09-03T04:19:58.953Z"},{"id":"01a00ca5-1f06-76ec-b2ab-3a114ec25a69","title":null,"body":"

Just launched Booking Widget 🎉

A flexible, fully customizable booking flow built for Framer.

Add services, professionals, date & time selection, customer details, and confirmation states — then customize everything to match your brand.

Perfect for salons, clinics, barbershops, consultants, and service businesses.

Now available for $12.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Booking Widget","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"A flexible, fully customizable booking flow built for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Add services, professionals, date & time selection, customer details, and confirmation states — then customize everything to match your brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for salons, clinics, barbershops, consultants, and service businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available for $12.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JH2F7wz5JPOOMra0CRaS","resolved":true,"title":"Booking Widget","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A flexible and fully customizable booking experience built for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Booking Widget lets you add professional appointment booking flows to any Framer website without building the interface from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for barbershops, salons, clinics, consultants, wellness businesses, agencies, and other service-based businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-step booking flow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services and professionals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Date and time selection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customer information form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Booking confirmation state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable colors and styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable labels and content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop and mobile layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple use cases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built specifically for Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code customization through Framer properties"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design it to match your brand and create a polished booking experience directly inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Please note:","marks":[{"type":"bold"}]},{"type":"text","text":" This component provides the booking interface and configurable booking experience. External integrations, databases, APIs, email notifications, payments, or third-party booking systems may require additional setup depending on your implementation."}]}]},"introduction":"Flexible booking flows for Framer","slug":"booking-widget","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/01a00ca4-915d-7333-938f-e313d96099d9.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-08-16T22:15:42.442Z","updatedAt":"2026-08-16T22:15:42.442Z","publishedAt":"2026-08-16T22:15:42.438Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bookingwidget.framer.website/preview","price":"12","paymentUrl":"https://contra.com/payment-link/vGcEwwPq-booking-widget","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"0rg3WiQCHYiid0wafl12","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T22:15:43.110Z","updatedAt":"2026-08-16T22:15:43.110Z"},{"id":"019f20d1-11c1-7578-8427-92f33d787975","title":null,"body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Xignia Design is a premium Framer template built for design agencies, creative studios, freelancers, and modern businesses looking to launch a high-end website without starting from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"The template comes fully responsive with a complete design system, reusable components, and a clean project structure that's easy to customize and scale."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is already connected and production-ready, including a fully configured CMS for managing projects, services, blog posts, and other dynamic content. Simply replace the content with your own and publish."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"paragraph","content":[{"type":"text","text":"Modern premium UI"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive design"}]},{"type":"paragraph","content":[{"type":"text","text":"Complete CMS integration"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom code included"}]},{"type":"paragraph","content":[{"type":"text","text":"Dynamic content collections"}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth page transitions and animations"}]},{"type":"paragraph","content":[{"type":"text","text":"SEO-friendly structure"}]},{"type":"paragraph","content":[{"type":"text","text":"Reusable components"}]},{"type":"paragraph","content":[{"type":"text","text":"Global color and typography styles"}]},{"type":"paragraph","content":[{"type":"text","text":"Fast loading performance"}]},{"type":"paragraph","content":[{"type":"text","text":"Contact forms"}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile optimized"}]},{"type":"paragraph","content":[{"type":"text","text":"Easy content management"}]},{"type":"paragraph","content":[{"type":"text","text":"Well-organized project structure"}]},{"type":"paragraph","content":[{"type":"text","text":"Ready to publish"}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a portfolio, agency website, or digital studio, Xignia Design provides a professional foundation that saves hours of setup while maintaining complete flexibility for customization."}]}]},"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68736","resolved":true,"title":"Xignia Design","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Xignia Design","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer template built for modern design agencies, creative studios, freelancers, and digital businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed with a strong focus on performance, usability, and conversion, this template includes everything needed to launch a professional website in minutes."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium modern UI"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across all devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Complete CMS setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic projects and blog collections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom code already integrated"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations and interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized SEO structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fast loading performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact forms ready to use"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global color and text styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy content editing without touching the design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, scalable project structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Production-ready"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design Agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Branding Agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI/UX Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Startups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital Agencies"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Simply replace the content, publish your site, and you're ready to go."}]}]},"introduction":"Premium Design Agency Template","slug":"xignia-design","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/02qpjtfn","metadata":{"tint":{"h":0,"s":0,"l":24},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/9jtcmq83","metadata":{"tint":{"h":0,"s":0,"l":16},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-07-02T03:13:20.263Z","updatedAt":"2026-07-02T03:13:20.263Z","publishedAt":"2026-07-02T03:13:20.257Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/s98Blmb","remixUrl":"https://framer.link/s98Blmb","previewUrl":"https://xigniadesign.framer.website/preview/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T03:13:20.321Z","updatedAt":"2026-07-02T03:13:20.321Z"},{"id":"019f1059-db4b-745a-be95-bab3b7aa2505","title":null,"body":"

Meet Volta — a dark, conversion-focused Framer template for AI agent and automation startups.

Built to do real work:

→ Custom code components for the details that matter

→ Mega menu with editable link fields — point it wherever you need

→ Animated agent tabs, count-up stats, and section reveals

→ Fully responsive across desktop, tablet, and mobile

→ Complete page flow, ready to ship

Remix it and make it yours.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Volta — a dark, conversion-focused Framer template for AI agent and automation startups."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to do real work:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Custom code components for the details that matter"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Mega menu with editable link fields — point it wherever you need"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Animated agent tabs, count-up stats, and section reveals"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Fully responsive across desktop, tablet, and mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Complete page flow, ready to ship"}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it and make it yours."}]}]},"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68479","resolved":true,"title":"Volta Studio","body":"

Volta AI SaaS is a dark, conversion-focused template for AI agent and automation startups. Built natively in Framer with a cinematic Dark Neon aesthetic — glassmorphism, accent glow, and smooth scroll and hover interactions — so your product gets a site that feels custom, not generic.

Fully responsive across desktop, tablet, and mobile. CMS-ready sections, a complete page flow (hero, benefits, how it works, analytics, testimonials, pricing, FAQ, CTA), and a custom 404 page. Every section is built on shared styles and tokens, so rebranding to your product is fast.

Ideal for AI SaaS, devtools, and automation platforms. Easy to customize — no code required.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Volta AI SaaS is a dark, conversion-focused template for AI agent and automation startups. Built natively in Framer with a cinematic Dark Neon aesthetic — glassmorphism, accent glow, and smooth scroll and hover interactions — so your product gets a site that feels custom, not generic."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet, and mobile. CMS-ready sections, a complete page flow (hero, benefits, how it works, analytics, testimonials, pricing, FAQ, CTA), and a custom 404 page. Every section is built on shared styles and tokens, so rebranding to your product is fast."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for AI SaaS, devtools, and automation platforms. Easy to customize — no code required."}]}]},"introduction":"Dark SaaS template for AI agents","slug":"volta-studio","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/wxpvw751","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff9902a3-57cd-43ff-b610-fee973e8c8a4/8oq4ryh4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-06-28T22:29:12.101Z","updatedAt":"2026-06-28T22:29:12.101Z","publishedAt":"2026-06-28T22:29:12.098Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Qzj6RpF","remixUrl":"https://framer.link/Qzj6RpF","previewUrl":"https://voltasaas.framer.website/preview/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-28T22:29:12.140Z","updatedAt":"2026-06-28T22:29:12.140Z"},{"id":"019eb1a6-e006-7d6d-aa4d-e1479a58c9ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tfJSxn75v5THWSVWabWF","resolved":true,"title":"LeadQualificationPro","body":"$57","bodyJson":null,"introduction":"Split-layout lead form with scoring & fi","slug":"leadqualificationpro","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tfJSxn75v5THWSVWabWF/leadqualificationpro-1RiBUBICAHKMwt8dxgK8tLiFaPYJi4","metadata":{"tint":{"h":260,"s":75,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-05T21:27:57.875Z","updatedAt":"2026-06-10T10:17:33.524Z","publishedAt":"2026-06-10T13:09:24.102Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://leadqualificationpro.framer.website/preview","price":"24","paymentUrl":"https://contra.com/payment-link/SNOA2P0o-lead-qualification-pro","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Zt4viM1tnfIGAbW8XtSv","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-10T13:09:24.102Z","updatedAt":"2026-06-10T13:09:24.102Z"},{"id":"019e7bbe-a88b-746a-9527-8e9f8f6f74cd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"p6S2T5EVyDImK1ujzdOg","resolved":true,"title":"TechSpecsViewer","body":"$58","bodyJson":null,"introduction":"Interactive Tech Specs Layout Viewer","slug":"techspecsviewer","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/p6S2T5EVyDImK1ujzdOg/techspecsviewer-nOtNDjSHrTfQXH5P4891KbCKjeTvco","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-19T16:55:45.390Z","updatedAt":"2026-05-30T14:07:32.943Z","publishedAt":"2026-05-31T01:55:53.099Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://protechspecsviewer.framer.website/preview","price":"20","paymentUrl":"https://contra.com/payment-link/RDD9gfKN-tech-specs-viewer-component","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"xtvDwd8J1G5lUb3XzfSZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":22,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T01:55:53.099Z","updatedAt":"2026-05-31T01:55:53.099Z"},{"id":"019e4101-1f57-74d2-9e53-1a78be9fef23","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9UUGYgqPgqYSukUarZWz","resolved":true,"title":"FeatureTabs","body":"$59","bodyJson":null,"introduction":"Interactive responsive accordion.","slug":"featuretabs","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9UUGYgqPgqYSukUarZWz/featuretabs-AJqHn7zUyXMbUJ8WFq0ZXVyNCE1q9B","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T22:18:15.873Z","updatedAt":"2026-05-19T15:34:24.438Z","publishedAt":"2026-05-19T16:10:53.143Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://featuretabs.framer.website/preview","price":"20","paymentUrl":"https://contra.com/payment-link/miEhLJ1H-feature-tabs","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"p1sqJWp0MCX04pd7TGZZ","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-05-19T16:10:53.143Z","updatedAt":"2026-05-19T16:10:53.143Z"},{"id":"019e2b81-dd18-7c52-9854-14a3e6274f0f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"EJ2oxOBY3KK2e5GRLMwU","resolved":true,"title":"OdysseyReserve","body":"$5a","bodyJson":null,"introduction":"Premium interactive booking modal.","slug":"odysseyreserve","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/EJ2oxOBY3KK2e5GRLMwU/odysseyreserve-vRhZO3TEkXE5WaNg4GtSSRnZp8K4lw","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-07T15:29:12.777Z","updatedAt":"2026-05-15T09:39:18.535Z","publishedAt":"2026-05-15T11:59:51.576Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://odysseyreserve.framer.website/","price":"29","paymentUrl":"https://contra.com/payment-link/I8St69QZ-odyssey-reserve","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"YbNJkFNj8sCuCBttvn0s","tags":[]}}],"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-05-15T11:59:51.576Z","updatedAt":"2026-05-15T11:59:51.576Z"},{"id":"019dfb4c-d666-72f6-b222-77f8a5328e72","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JwgUBJQDUuh0ivWdJBdH","resolved":true,"title":"SplitWipe","body":"$5b","bodyJson":null,"introduction":"Dynamic split-scroll image showcase","slug":"splitwipe","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JwgUBJQDUuh0ivWdJBdH/splitwipeshowcase-AITtn8UEAVvbLExKyagc49PxzCX1o3","metadata":{"tint":{"h":30,"s":13,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-16T00:39:19.703Z","updatedAt":"2026-05-05T10:41:16.531Z","publishedAt":"2026-05-06T03:20:10.086Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://splitwipeshowcase.framer.website/","price":"8","paymentUrl":"https://contra.com/payment-link/ZlR4g0zs-split-wipe-showcase","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"P898DrZC20I9M05JzxdN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-06T03:20:10.086Z","updatedAt":"2026-05-06T03:20:10.086Z"},{"id":"019dfb4c-c580-7230-9ff3-535958e80398","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZrWokpx64Gio3WsuWg5H","resolved":true,"title":"MokuHero","body":"$5c","bodyJson":null,"introduction":"Premium scroll-animated hero","slug":"mokuhero","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZrWokpx64Gio3WsuWg5H/mokuhero-1N6FwhEU8rRDFQ3veASVWsU69lxT9w","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-19T05:26:56.782Z","updatedAt":"2026-05-05T10:47:09.613Z","publishedAt":"2026-05-06T03:20:05.760Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mokuhero.framer.website/preview","price":"5","paymentUrl":"https://contra.com/payment-link/tNfjxi4I-moku-hero","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"woDIpZ7REEixRoL4wGVL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-06T03:20:05.760Z","updatedAt":"2026-05-06T03:20:05.760Z"},{"id":"019d9157-bc66-7d1e-823a-a63a93e8784a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2C0cQDuByS8dWMG6lj93","resolved":true,"title":"ProjectEstimator","body":"$5d","bodyJson":null,"introduction":"Interactive Project Estimator","slug":"projectestimator","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/2C0cQDuByS8dWMG6lj93/projectestimator-gNdAvvc1MaidTwqrYzmqY4Hky3OYke","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T01:39:45.108Z","updatedAt":"2026-04-15T08:53:58.531Z","publishedAt":"2026-04-15T13:32:19.430Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://projectestimator.framer.website/preview","price":"9","paymentUrl":"https://contra.com/payment-link/7uo864lK-project-estimator","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"v4Q0ww6ISCLp4EIOlyfe","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T13:32:19.430Z","updatedAt":"2026-04-15T13:32:19.430Z"},{"id":"019d9157-a5c1-7d87-b8e3-255f98376177","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SUzMeDRi9g2O2NJ02BFO","resolved":true,"title":"BrarsHeroCarousel","body":"$5e","bodyJson":null,"introduction":"Advanced Hero Carousel & Product Slider","slug":"brarsherocarousel","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SUzMeDRi9g2O2NJ02BFO/brarsherocarousel-U1SonSF7C1aHsOGY451y65mNzxX6vW","metadata":{"tint":{"h":32,"s":94,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T21:11:26.671Z","updatedAt":"2026-04-15T07:46:34.492Z","publishedAt":"2026-04-15T13:32:13.633Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://brarsherocarousel.framer.website/","price":"8","paymentUrl":"https://contra.com/payment-link/0nQRsazf-brars-hero-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"D5JxJ7PA0A2FUx4GfszZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T13:32:13.633Z","updatedAt":"2026-04-15T13:32:13.633Z"},{"id":"019d8c21-b5ed-7f4c-b224-9e48e3946103","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"90J6OS4rNZHh7LiXNHkN","resolved":true,"title":"LeadQualification","body":"$5f","bodyJson":null,"introduction":"Interactive Lead Qualification Wizard","slug":"leadqualification","author":{"framerUserId":"ff9902a3-57cd-43ff-b610-fee973e8c8a4","name":"Alexander Moreno","slug":"uixengine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/433313/avatar-RycYkfxqvnZKL6GGJWh3tZ01MIEjsd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/90J6OS4rNZHh7LiXNHkN/leadqualification-OSBNY7bsVKQ7igM5myJq5Ugsm16zHH","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-02T23:15:43.706Z","updatedAt":"2026-04-14T08:11:02.211Z","publishedAt":"2026-04-14T13:15:12.749Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://leadqualification.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/bmM4t5xT-lead-qualification","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"7esCUjtdRdUu2yyUIkMb","tags":[]}}],"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-04-14T13:15:12.749Z","updatedAt":"2026-04-14T13:15:12.749Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L60"}]