69:I[267044,["/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2g1-svyitruaw.js","/creators-assets/_next/static/immutable/chunks/2b5cxzb67_1ly.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/27tv74g0ylm-9.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/42t2lmjzk29f-.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/1fk3xiz40jsei.js","/creators-assets/_next/static/immutable/chunks/3epu8cl3lqon0.js","/creators-assets/_next/static/immutable/chunks/1a76m297ea_ip.js","/creators-assets/_next/static/immutable/chunks/2ya_ftprgwh4o.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/13drmorrvlvtw.js","/creators-assets/_next/static/immutable/chunks/3pgym_pkc-y-q.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/02hvv1fzvt9c4.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3btmtdncmfoz8.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/34tdjji5bsp8p.js","/creators-assets/_next/static/immutable/chunks/24m05qh8-cey5.js","/creators-assets/_next/static/immutable/chunks/332vzaq_p6q-i.js","/creators-assets/_next/static/immutable/chunks/1fvrye_9gm367.js","/creators-assets/_next/static/immutable/chunks/3s2ucmapivl2j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/20p7v4k5-b-k1.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/07o603n75f3c7.js","/creators-assets/_next/static/immutable/chunks/2pkdpsddo19tw.js","/creators-assets/_next/static/immutable/chunks/0zy7zf5dmxnm6.js","/creators-assets/_next/static/immutable/chunks/3jb__rygcfms0.js","/creators-assets/_next/static/immutable/chunks/3q_zso7jejgjl.js"],"S"] 6a:T9af,

Perfuma is a free Framer template for perfume houses, fragrance brands and niche perfumers who want to showcase a scent — not run a full online store. Its editorial, luxury design pairs an elegant serif with soft tones and generous space to make the product feel premium, and a built-in contact form lets interested customers reach you directly.

Showcase the scent, capture the interest

Perfuma leads with a bold hero and a product-forward layout that puts your bottle and story centre stage, then turns interest into enquiries through a dedicated contact page — ideal for signature-scent, artisan and made-to-order brands that don't need a shopping cart.

Contact form and FAQ powered by CMS

The contact form makes it easy for customers and stockists to enquire about your scent, and a built-in FAQ powered by Framer CMS answers common questions without touching code.

Free, fast and easy to launch

Remix it, swap your imagery and copy in Framer's visual editor, connect your domain and publish — most people are live in under a day. It is fully responsive, SEO-friendly and free to use for personal and commercial projects.

Features

3 Pages: Home, a Contact page and a custom 404.
Editorial Luxury Design: A refined serif-led aesthetic built for fragrance and beauty brands.
Product-Forward Layout: Show your bottle, notes and story with elegance.
Built-in FAQ: Powered by Framer CMS — add and edit questions without code.
Fully Responsive: Looks sharp on desktop, tablet and mobile.
SEO-Optimized: Fast loading, clean structure, ready to be indexed.
Free Commercial License: Use it for your brand or client projects at no cost.

Beginner-friendly guide for seamless installation

We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow tutorials that walks you through each step — helping you launch your new website effortlessly in less than 24 hours.

6b:T9a3,

Detailed is a free Framer template for car detailing studios, ceramic coating specialists and mobile detailers who want a website as premium as their work. Its dark, editorial design puts the cars centre stage — deep blacks, luxury photography and refined typography that make a studio look like a concours-level operation.

Built to win premium clients

Detailing is sold on trust and image. Detailed leads with a bold hero, clear service tiers, a showreel and an about section — everything a potential client needs to choose you over the cheaper option down the road.

A quote page that books jobs

A dedicated Get a Quote page captures the details you need to price a job — car, service, location and message — so enquiries turn into bookings. A built-in FAQ powered by Framer CMS answers the questions every new client asks.

Free, fast and easy to launch

Remix it, swap your text and photos in Framer's visual editor, connect your domain and publish — most people are live in under a day. It is fully responsive, SEO-friendly and free to use for personal and commercial projects.

Features

3 Pages: Home, a Get a Quote page and a custom 404.
Service Tiers: Entry, maintenance, full detail and ceramic — ready to edit.
Quote Form: Capture car, service, location and message to price jobs fast.
Built-in FAQ: Powered by Framer CMS — add and edit questions without code.
Dark Luxury Design: An editorial black aesthetic built for premium detailers.
Fully Responsive: Looks sharp on desktop, tablet and mobile.
SEO-Optimized: Fast loading, clean structure, ready to be indexed.
Free Commercial License: Use it for your studio or client projects at no cost.

Beginner-friendly guide for seamless installation

We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow tutorials that walks you through each step — helping you launch your new website effortlessly in less than 24 hours.

6c:T9c5,

Stride is a free Framer template built for run clubs, running crews and community running groups that want a website as energetic as their Saturday long run. It leads with bold, motion-driven imagery and a warm, dark editorial palette — a modern home for your club that looks premium straight out of the box.

Built for a running community

Everything a club needs is already in place: a hero for your next run, a stats section, a weekly schedule with pace groups, a leaders section, and a journal for stories and race recaps. New runners can see when you meet, find their pace, and get involved in seconds.

Schedule, journal and FAQ powered by CMS

Stride ships with three ready-to-edit Framer CMS collections — Schedule, Journal and FAQ — so you can add runs, publish posts and update answers without touching code. The journal is a full blog with detail pages, categories and read times.

Free, fast and easy to launch

Remix it, swap your text and photos in Framer's visual editor, connect your domain and publish — most people are live in under 24 hours. It's fully responsive, SEO-friendly and free to use for personal and commercial projects.

Features

3 CMS Collections: Schedule, Journal (blog) and FAQ — edit content without code.
Built-in Blog: A full journal with detail pages, categories and read times, powered by Framer CMS.
Custom 404 Page: An on-brand error page is included.
Fully Responsive: Looks sharp on desktop, tablet and mobile.
SEO-Optimized: Fast loading, clean structure, ready to be indexed.
Easy Editing: Change text, images, colors and fonts in Framer — no code.
Free Commercial License: Use it for your club or client projects at no cost.

Beginner-friendly guide for seamless installation

6d:T94a,

A single-page Framer template that covers everything a catering business actually needs — a strong first impression, a clear services overview, a full seasonal menu, social proof, pricing, and a booking form — all on one page, all beautifully laid out.

Premium without the build time

Catered is designed to make a strong first impression the moment someone lands on it. The typography, spacing, and layout do the heavy lifting — you just swap in your content. Most people have a live, polished site in under a day.

One page. Everything you need.

Catered uses a single long-form page with 12+ sections that flow naturally — from hero through to enquiry form. It's structured the way a client actually reads: who you are, what you do, what's on the menu, what others say, how to book.

Integrated Menu

Dishes are managed through Framer CMS — add courses, set categories (Canapés, Mains, Desserts, Wine Pairing), tick dietary tags, set pricing. No spreadsheets, no developer. Update your seasonal menu from your browser in minutes.

Features

CMS-Powered Menu: Manage dishes by course with pricing and dietary tags (V, GF) — no code needed.
12+ Sections: Hero, about, services, menu, gallery, testimonials, process, packages, team, FAQ, and booking form — all on one page.
Testimonials: CMS-managed cards with name, quote, event type, location, and rating.
Booking Form: Event type, date, guest count, venue, and a free-text details field.
Fully Responsive: Desktop, tablet, and mobile — all tested.
SEO-Optimized: Fast loading and clean HTML out of the box.
Commercial License: Use it for client projects too.

Beginner-friendly guide for seamless installation

6e:T8c5,

Swimline is the complete solution for any swimming coach or aquatic sports instructor ready to grow their business online. This professionally designed Framer template gives swim coaches, triathlon coaches, and pool-based fitness professionals everything they need — a program showcase, client results, CMS-powered blog, pricing section, and a contact page built to book consultations. Whether you're running a youth swim academy, coaching adult technique, or training Ironman athletes for the open water, Swimline has the sections and structure to present your coaching business with authority. Fully responsive, fast, and SEO-optimized, Swimline is ready to take your swim coaching website to the next level.

Main Features:

Complete Swim Coaching Layout: Every section a pool coach needs — programs, results, testimonials, FAQ, journal, and booking CTA.
CMS-Powered: Manage your swim programs, client case studies, and blog posts directly from Framer CMS — no code required.
8 Pre-Built Pages: Home, About, Programs, Results, Journal, Contact, 404, and a Program detail page.
Modern Athletic Design: Dark navy palette and clean typography built for premium coaching and sports brands.
Responsive: Looks sharp on desktop, tablet, and mobile.
SEO-Optimized: Fast loading, clean structure — helps swimmers and athletes find your coaching business online.
Easy Customization: Edit colors, fonts, images, and content in Framer's visual editor in minutes.
Custom 404 Page: On-brand error page included.

Beginner-friendly guide for seamless installation

6f:T9d1,

Vervee is a premium Framer template built for luxury nightclubs, music events, galas, and exclusive private parties. Where most event templates look like a flyer, Vervee looks like a brand — dark editorial design, gold accents, and copy that sets the tone before the night even begins.

Who It's For

Nightclub owners and music venue operators
Event promoters and party organizers
Gala and award ceremony hosts
Music festival and concert brands
Event agencies building for clients

Everything a High-End Event Website Needs

Vervee ships as one complete, conversion-optimized page — no extra setup required:

Hero section with live countdown timer and dual CTAs
Performer lineup — cards with name, set time, bio, and social links
Evening programme — full schedule with time, act, description, and location per slot
Stats section — guests, hours, editions, ticket claim rate
Venue section — name, description, address, capacity, doors time, acoustic info
Photo gallery archive — masonry grid for past editions, builds FOMO and credibility
Press quote carousel — custom Framer component, fully adjustable
House notes — dress code, phones, punctuality, age policy
FAQ section — six pre-written questions, fully editable
Ticket CTA — high-converting closing section with urgency copy
Custom 404 page — on-brand, with party-themed copy
Responsive Layout: Ensures a seamless experience across all devices.
SEO Optimized: Improve search engine visibility to attract more clients.

Beginner-friendly guide for seamless installation

70:T70d,

Sound Wave Bars is a Framer component that adds a looping, animated waveform to any layout. Each bar pulses independently in a smooth, continuous rhythm — giving your design a sense of life without a single line of custom code. Adjust the number of bars, animation speed, stagger phase, and height range to dial in anything from a subtle ambient pulse to a high-energy audio visualizer.

No extra libraries required. The animation runs entirely on Framer's built-in motion engine and works out of the box on any project.

How to Set It Up

Drop the component onto your canvas, open the properties panel, and start adjusting. Change the bar count with the Bars slider, set the Gap between bars in pixels, and use Min % and Max % to define how far each bar travels. Increase the Stagger value for a fluid wave-like motion, or lower it for a synchronized bounce. Speed controls the animation frequency in Hz.

Where It Works Best

Sound Wave Bars is built for layouts where a static element would feel flat. It fits naturally into music players, podcast pages, audio tools, and SaaS products in the media or creator space. It also works well as a loading indicator, a hero section accent, or a visual cue inside a now-playing UI. If you're working on a Framer template, it drops in without any layout adjustments.

Features

Looping wave animation with per-bar stagger effect
Control bar count, gap, min/max height, and speed from the properties panel
Stagger slider — low for sync bounce, high for fluid wave motion
Fully customizable color and opacity
Scales to any container size
No coding required
Compatible with any Framer project or template

71:Ta4d,

Choosing a plan

To launch your website, you first need to choose a hosting plan.

For most templates, the lowest plan is usually enough. However, some templates require a higher plan — for example, if they use advanced features like multiple CMS collections or more complex functionality.

Once you select a plan, your site is ready to be published.

If you choose a yearly hosting plan, you can get 3 months free by using the code below at checkout:

FRAMER25PROYEARLY

Connecting a custom domain

After choosing a plan, you can connect your website to a custom domain.

Go to Site Settings → Domains and select Connect an existing domain.

Enter your domain name. Framer will then provide two DNS records that you need to add at your domain provider (the service where you purchased your domain).

Most domain providers have a dedicated DNS settings section, where adding these records is straightforward. Simply copy the values from Framer and paste them into the corresponding fields at your provider.

Here is a helpful article from GoDaddy that explains DNS records in more detail.

Once the DNS records are set, your website will be connected and live on your domain.

Whenever you want your latest changes to be visible to everyone, just click the Publish button in the top-right corner.

Summary

Launching a site in Framer is simple:

Choose a hosting plan
Connect your custom domain
Add the required DNS records
Publish the site

That’s how easy it is to publish your website with Framer. Now your site is live and you can share it with the world.

72:T1125,

SEO basics

SEO stands for Search Engine Optimization. It helps your website rank higher in search engines like Google, which increases the chance that people will find your site through search.

There are two main types of SEO:

Off-site SEO – things like backlinks and external mentions
On-site SEO – everything you control directly on your website

In this tutorial, we’ll focus on on-site SEO, since this is what you can manage directly in Framer.

Heading hierarchy

Search engines use headings to understand the structure of your page.

A good heading hierarchy looks like this

One H1 per page (main page title)
H2 for section headings
H3 for sub-sections

Using headings correctly makes your content easier to read and helps search engines understand what your page is about.

Page title, description and meta image

Each page should have a clear page title, meta description, and meta image.

These appear in search results and when your page is shared, helping users decide whether to click your link.

To edit these settings, open Site Settings using the settings icon in the top-right menu.

In the left panel, go to Page Settings.

Select a page and edit its SEO information.

You can also set default SEO values globally in General SEO settings, and override them for individual pages when needed.

Favicon

A favicon is the small icon that appears in the browser tab and bookmarks.

It helps users recognize your website and improves brand consistency.

You can change the favicon by going to Site Settings → General → Site Images.

Make sure to use a clear, simple icon that works well at small sizes.

Alt Text for Images

Images also play an important role in SEO.

Alt text describes what an image shows. It’s used by search engines and screen readers.

It’s important for

Accessibility (screen readers)
SEO (search engines can’t see images)

Every meaningful image should have descriptive alt text that explains its content clearly.

Key takeaway

You now know how to improve your website’s on-site SEO in Framer by using proper heading structure, setting page titles and descriptions, adding a favicon, and writing meaningful alt text for images. These basics help search engines understand your site and make it easier for users to find and trust your content.

Keep in mind that SEO takes time. If you want faster feedback and better insights, it’s a good idea to use SEO tracking tools and Google Search Console.

73:Tf1d,

Forms Basics

Forms are used to collect information from users — for example on a contact page, help center, or feedback page.

In most templates, a form is already placed on the Contact page.

You can select the form directly on the canvas, or find it in the Layers panel.

Form Submission

By default, a form doesn’t send data anywhere until you set a Send To destination.

Select the form, then go to the right panel and find the Send To setting. Here, you can choose where the form data should be sent.

For example, if you select Email, you can enter your email address. When a user submits the form, you’ll receive an email containing all the submitted values.

Input Names and Form Data

Each input field in the form has a Name property.

This name is used to label the data when it’s sent, so you can clearly identify each value in the submission.

For example

An input with the name “Name” will appear as Name: [value] in the email
An input with the name “Email” will appear as Email: [value]

This makes form submissions easy to read and understand.

Input Types

Each input can have a specific type, depending on the kind of data you want to collect.

Here are the input types available in Framer:

Text – for general text input, such as names or short messages
Text Area – for longer text, such as messages, feedback, or descriptions
Email – for email addresses, with built-in validation
Number – for numeric values only
Phone number – for phone numbers, optimized for mobile keyboards
URL – for website links
Date – for selecting a specific date
Time – for selecting a specific time

You can also mark inputs as required, which means the form can’t be submitted until the field is filled out.

Adding New Inputs

To add a new input to the form:

Duplicate an existing input field by pressing CMD + D (Mac) or CTRL + D (Windows)
Set the input type from the available options
Give it a clear Name value

As long as the input element is placed inside the form element, it will automatically be included in the form submission.

You now know how to build and configure forms in Framer, choose the right input types, name your fields correctly, and set where form submissions are sent. With these basics, you can confidently collect user information and manage form data without any complex setup.

74:Tfae,

CMS stands for Content Management System. It’s used for managing lists of content, such as blog posts, FAQs, services, projects, or testimonials.

Instead of creating a new element for every item, you define the structure once and then manage the content directly inside the CMS.

CMS collections

In Framer, CMS content is organized into collections.

Each collection represents a group of similar items — for example, a FAQ collection, where each item contains a question and an answer, or a blog collection, where each item includes a title, date, author, content, thumbnail image, and more.

Adding new content is as simple as adding a new item to the collection.

If you open the CMS, you’ll see all available collections in the template. Let’s take the FAQ collection as an example.

Editing CMS content

When you open a collection, you can edit the content of each item directly in the CMS.

You can also

Add new items
Draft or undraft items
Edit collection fields
Remove items

After updating the CMS, the content automatically updates everywhere it’s used on the site.

Displaying CMS content

To display CMS content on a page, you use a Collection element.

You add the CMS List to your project, connect it to a collection, and design how a single item should look. Framer then automatically repeats that layout for all items in the collection.

For example, in a FAQ section, you might use a FAQ card component inside the CMS List. You can connect component fields to CMS fields of the same type. For example, text content can use text data from the CMS item.

You can also control

Whether items are shown as a list or grid
How many items are shown
Sorting and filtering rules

CMS pages

Framer also lets you create CMS pages.

These usually include

An index page, where all items are listed
A detail page, where a single CMS item is shown in more detail.

This is commonly used for things like blog posts, projects, or legal pages.

Once set up, Framer automatically generates a page for each CMS item using the same layout, pulling the content from the CMS fields for that item.

You now know how to use the CMS to manage repeatable content, update it from one place, and display it dynamically on your website. With CMS collections and pages, you can scale your content without changing your design.

75:T1a81,

Design styles

Design styles help you keep your website consistent, organized, and easy to update.

They allow you to reuse styles for text, colors, and links, and edit them in one place, while the changes apply everywhere they are used. This is especially useful for templates, where users want to quickly customize the design without touching every element manually.

You can find design styles in the left panel in the assets tab under components.

Text styles

Text styles are used to define how different types of text look across your website.

In most templates, you’ll find text styles for

Headings
Body text
Smaller supporting text

A good structure is

One H1 per page (main page title)
H2 for section headings
H3 for sub-sections
Paragraphs for body text

When you click on a text element, you can see which text style it is using in the right panel.

When you go to the assets tab in the left panel, select the text style the element is using and edit it there, it will automatically edit all the elements using the given text style across the website.

This makes global typography changes fast and safe.

Link styles

Link styles work the same way as text styles, but specifically for links.

They define things like

Text color
Hover state
Active or visited state

You can see the link style in the right panel on the top when you click on a link element.

When you update a link style, all links using that style update automatically. This helps keep interactions consistent and avoids having different-looking links across the site.

Color Styles

Color styles let you define reusable colors for your design.

Instead of picking colors manually for each element, you assign a color style. These are commonly used for

Background colors
Text colors
Button fills
Borders and accents

When you update a color style, every element using it updates instantly. This is ideal for:

Changing brand colors
Creating light and dark variations
Letting users customize templates easily

Changing the design without styles

To change the design without styles, the right panel is your main tool for manual adjustments. You just have to click on an element and set the properties you want. Properties like text content, font size, colors are self explanatory, but let me explain how width height and their units work and how layouts work.

Width, height, and units

When adjusting layout and spacing, it’s important to understand width, height, and units.

Fixed values (px) are useful for precise sizing
Relative units (%) help layouts adapt to different screen sizes
Fit-content lets elements size themselves based on content
Fill stretches the element to fill all available space defined by the parent element’s dimensions.

Using flexible values where possible helps keep your layout responsive and easier to maintain.

Layout

Layout controls how elements are arranged inside a container. In Framer, this is most commonly done using Stacks.

Direction defines how elements are stacked — vertical (top to bottom) or horizontal (left to right).
Distribution controls how elements are positioned along the main axis, such as start, center, or space between.
Gap sets the spacing between elements. Use this instead of adding margins to individual items.
Padding controls the space inside the container, between the content and its edges.

Using layout settings helps keep spacing consistent and layouts easy to adjust.

You can also use grid and there you define how many rows and columns you want in the grid and define the gaps.

You now know how to use design styles to control text, links, and colors from one place, and how to adjust sizing and layout using width, height, and layout settings. With these tools, you can quickly customize designs, keep everything consistent, and confidently update templates without breaking the layout.

76:Te98,

What are layout templates?

Layout templates work similarly to components, but instead of individual elements, they are used for entire pages.

They allow you to define a shared structure that can be reused across multiple pages — for example, a navigation bar, footer, or overall page layout.

If you want the same navigation bar and footer on every page, layout templates are the best solution.

Instead of copying these elements to every page, you place them inside a layout template and assign that template to each page.

This way

You edit the layout once
Changes apply to all pages using that template

This saves time and helps keep your website consistent.

Using a layout template

To use a layout template, open a page and assign the template to it. You can do this by selecting the page element and finding Layout Templates at the top of the right panel.

Once applied, the page will inherit the structure from the layout template, including all elements that are part of the layout template, such as the navigation bar and footer.

The page’s own content will be placed into the placeholder areas defined inside the layout template.

Editing layout templates

When you need to change the layout globally, edit the layout template itself.

To do this

Open the Assets panel
Find the layout template
Click on it to open and edit it

You edit a layout template just like a normal page. The main difference is that it contains placeholder elements, which are replaced by the content of individual pages.

Any changes you make to the layout template automatically update all pages using it.

Using variables in layout templates

Layout templates can also use variables.

Variables allow you to change specific parts of the layout per page, while keeping the overall structure the same.

For example, you can

Switch between different navigation variants
Change the background color for a specific page
Hide or show sections from the layout template

This gives you flexibility without breaking the shared layout.

Now you know how to use layout templates to manage shared page structure efficiently. You can update layouts globally and keep pages consistent with ease.

77:T12b0,

What are components?

Components in Framer are used for elements that are repeated across your website, such as buttons, navigation bars, or footers. Instead of editing each instance manually, you can update the parent component, and the changes will automatically apply everywhere — as long as they are not overridden.

You can easily spot components by their purple border on the canvas.

Usually templates come with several predefined components for things like buttons, cards, and navigation elements.

Editing Component Instances

This is an example of a primary button component.

When you click on this component instance, you can change things like the button text or the destination link for that specific instance. These changes apply only to that instance and do not affect the parent component.

This is useful when you want the same button design across your website, but with different destination links.

Editing the Parent Component

If you want to change the component globally, you need to edit the parent component.

To do this, either

Double-click the component on the canvas
Find it in the Assets panel and open it from there

Any changes you make to the parent component will update all instances, unless a specific property has been overridden.

Component Variants

Components can have multiple variants.

There is always one main variant. When you edit the main variant, those changes apply to all other variants.

Changes made to other variants only affect that specific variant.

On the canvas, you can choose which variant of a component you want to use. Variants are often used for things like

Button states
Different screen sizes
Open / closed menus

You can also create animations by transitioning between variants. You can learn more about animations in this tutorial from Framer.

Nesting Components

You can also nest components inside other components.

For example, a navigation bar component might contain:

A logo component
Navigation link components
A button component

This keeps your design modular and easier to manage.

Variants Across Breakpoints

Components and their variants can behave differently across breakpoints.

For example, a navigation bar might have:

A desktop variant
A tablet variant
A mobile variant

Each breakpoint can use a different variant to better fit the screen size. You just need to change the variant in the right panel for each of the breakpoints.

Now you know how components work, which makes working in Framer much faster and more efficient. In the next tutorial, we’ll take a look at layout templates.

78:T1046,

Editing text

To edit text directly on the canvas, double-click the text element and type your new content.

You can also select the text element and edit it from the Content field in the right panel. This is especially useful when the text is part of a component or when you prefer editing from the settings panel.

Replacing images

To replace an image, select the image element, then go to the right panel and open the Fill property. From there, you can upload a new image or choose one from your image library.

After uploading an image, make sure to update the alt text. Alt text is important for accessibility and SEO, so briefly describe what the image shows.

You can use images as backgrounds. Any frame that has a background color can be switched to an image instead. Simply change the Fill type from Color to Image and upload your image there.

Uploading videos

Videos work similarly to images, but they need to use a video element.

After selecting the video element, go to the right panel and change the source. You can either paste a video URL (for example, a YouTube link) or upload a video file directly.

Swapping links

To update a link, select the element containing the link and use the Link properties at the top of the right panel to change the destination URL.

Components

Components are the elements with a purple border that you see in Framer.

You can change the content of a component instance using the right panel by adjusting the component properties. These properties are defined inside the parent component.

For example, in the image above, you can change the text and link of this button component instance.

We’ll take a deeper look at components in the next tutorial.

CMS

Framer also includes a CMS (Content Management System), which is used to manage repeatable content such as blog posts, team members, or frequently asked questions.

Instead of creating each item manually, you define the layout once and then manage the content from the CMS. Any changes you make there automatically update on the website.

We’ll cover this in more detail in a dedicated tutorial coming soon.

These are the most common ways to edit content in Framer. Once you understand these basics, updating your website becomes fast and intuitive.

79:T100a,

What are breakpoints?

Websites look different on each device size.

On desktop, you might have a wide layout with multiple columns, while on mobile, those same elements should stack vertically — because it’s better for smaller screens.

That’s exactly what breakpoints are for. They control how your design adapts at different screen widths. For example: desktop, tablet, and mobile.

Why Breakpoints Matter

Breakpoints are key for making your website look great on every device.

They let you

Adjust layouts for different screen sizes
Change font sizes or spacing for better readability
Swap images or rearrange sections for mobile users
Remove hover-based interactions on mobile to make your site more accessible

This ensures your site is fully responsive and looks professional — from large desktop monitors to small phone screens.

How Breakpoints Work

When you start a new project your website is designed for desktop by default. With templates there are usually 2 to 3 breakpoints set up.

You can then create or edit breakpoints that automatically activate when the screen width is within a certain range.

The most common breakpoints are

1200 px: Desktop
810 px: Tablet
390 px: Mobile

So for example, if your website is opened in a window smaller than 810 px, Framer will automatically switch to the mobile view.

The desktop breakpoint acts as the parent. Any changes you make to it automatically apply to all smaller breakpoints — unless they are overridden.

Making changes on the desktop breakpoint

Overriding Styles in Breakpoints

When you edit something on other breakpoint than desktop (like tablet or mobile), that change affects only that breakpoint. It overrides the style inherited from the desktop version.

For example, let’s say you replace an image only on the tablet breakpoint. Framer will keep the original image on desktop, but show the new one on tablet.

If you ever want to revert a change, click on the element and look at the right panel — overridden properties appear in blue.

Just click the blue value and select "Reset Override" to reset it and go back to the desktop style.

And that’s how breakpoints work in Framer.

Once you understand which changes apply globally and which ones stay within a specific breakpoint, editing your website becomes so easy and intuitive.

In the next tutorial, we’ll go over how to edit the content on your website.

68:["$","$L69",null,{"value":{"fallback":{"$inf$activity-creator-563714eb-1750-436a-8d0c-0caafcb63e47-all:/unified/creator/563714eb-1750-436a-8d0c-0caafcb63e47/activity/":[{"data":[{"id":"01a07adf-6ef4-773d-8b06-355cf85d24ad","type":"comment.liked","target":{"type":"comment","id":"01a07ad7-74e3-710a-af6c-5a6af0d69f19","preview":"man its beautiful","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"man its beautiful "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a07ad7-74e3-710a-af6c-5a6af0d69f19"},"repost":null}},"context":{"type":"post","id":"01a07ace-72de-73d4-b1db-81dfb222c669","preview":"Perfuma Scents","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-e384-75fb-bc32-a7f5d6b70c3e.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T07:57:38.413Z","latestAt":"2026-09-07T07:57:38.413Z"},{"id":"01a07adf-6af7-7659-9c46-84be3774e0e0","type":"comment.reply","target":{"type":"post","id":"01a07ace-72de-73d4-b1db-81dfb222c669","preview":"Perfuma Scents","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-e384-75fb-bc32-a7f5d6b70c3e.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a07adf-6ae1-72b0-b318-ac8e1f8b5d25","preview":"Thank you Waiiz! Appreciate it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Waiiz! Appreciate it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a07ad7-74e3-710a-af6c-5a6af0d69f19"},"repost":null}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T07:57:37.399Z","latestAt":"2026-09-07T07:57:37.399Z"},{"id":"01a07ace-7505-7081-9c38-3800bf85fc23","type":"template.created","target":{"type":"template","id":"72582","preview":"Perfuma Scents","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-e384-75fb-bc32-a7f5d6b70c3e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-07T07:39:05.861Z","latestAt":"2026-09-07T07:39:05.861Z"},{"id":"01a057d4-3688-701c-a75f-1ab35efc1d02","type":"creator.followed","target":{"type":"creator","id":"44250b1c-8783-417c-8cb7-f8a796483397","preview":"Velox Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405749/avatar-LA1Qu50L5mDcpp7AzMYutAql3PBREx.jpg","slug":"velox-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T12:38:40.512Z","latestAt":"2026-08-31T12:38:40.512Z"},{"id":"01a057d4-2ddd-745f-b554-85f35d14e7f9","type":"post.liked","target":{"type":"post","id":"01a057d1-ce08-749d-8646-4b633273dc2e","preview":"We’re getting closer and closer to releasing our new Velox Themes Beta.\nWe’ll first share it with a few close friends to see how they use it and gather feedback. After that, we’ll open the beta to more friends, and finally to our Lifetime Access customers.\nIt’s getting closer, yet still feels far from launch. Hopefully, we can move faster so it doesn’t take too long to release.\nBut at the end of the day, we don’t want to rush it and end up shipping something that looks like slop.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’re getting closer and closer to releasing our new Velox Themes Beta."}]},{"type":"paragraph","content":[{"type":"text","text":"We’ll first share it with a few close friends to see how they use it and gather feedback. After that, we’ll open the beta to more friends, and finally to our Lifetime Access customers."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s getting closer, yet still feels far from launch. Hopefully, we can move faster so it doesn’t take too long to release."}]},{"type":"paragraph","content":[{"type":"text","text":"But at the end of the day, we don’t want to rush it and end up shipping something that looks like slop."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a057d1-ce08-749d-8646-4b633273dc2e","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T12:38:38.293Z","latestAt":"2026-08-31T12:38:38.293Z"},{"id":"01a056c6-cb34-7770-b2f6-ddffb26f60e3","type":"comment.liked","target":{"type":"comment","id":"01a056c1-2dd4-71f8-9269-d14c32d25fba","preview":"@Adam Sebesta oh thanks for sharing Adam, appreciate it 🫶","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","slug":"sebadam","label":"Adam Sebesta","mentionSuggestionChar":"@"}},{"type":"text","text":" oh thanks for sharing Adam, appreciate it "},{"type":"emoji","attrs":{"name":"heart_hands","emoji":"🫶"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a056b6-17e9-779b-85f7-3dac35b9c33c"},"repost":null}},"context":{"type":"post","id":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","preview":"Detailed Car Care","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056aa-fc68-736a-8776-72f091ec32d1.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T07:44:23.845Z","latestAt":"2026-08-31T07:44:23.845Z"},{"id":"01a056bb-dac7-7455-a8c5-372b0436b23a","type":"comment.reply","target":{"type":"post","id":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","preview":"Detailed Car Care","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056aa-fc68-736a-8776-72f091ec32d1.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a056bb-daab-76d8-948e-02211e8e72d6","preview":"Thanks Matt! Created this using Midjourney about 2 years ago. Just came across it recently and decided to recreate it into a Framer template.\nThis Figma file contains all the prompts for these images if you want to take a look:\nhttps://www.figma.com/community/file/1359451335692539498/luxury-car-detailing-landing-page","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Matt! Created this using Midjourney about 2 years ago. Just came across it recently and decided to recreate it into a Framer template."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"This Figma file contains all the prompts for these images if you want to take a look:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://www.figma.com/community/file/1359451335692539498/luxury-car-detailing-landing-page","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.figma.com/community/file/1359451335692539498/luxury-car-detailing-landing-page","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a056b6-17e9-779b-85f7-3dac35b9c33c"},"repost":null}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T07:32:26.951Z","latestAt":"2026-08-31T07:32:26.951Z"},{"id":"01a056b7-af15-702b-bc42-12037ce979f2","type":"comment.liked","target":{"type":"comment","id":"01a056b6-17e9-779b-85f7-3dac35b9c33c","preview":"I really love the style, how did you create these images for the template?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I really love the style, how did you create these images for the template?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a056b6-17e9-779b-85f7-3dac35b9c33c"},"repost":null}},"context":{"type":"post","id":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","preview":"Detailed Car Care","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056aa-fc68-736a-8776-72f091ec32d1.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T07:27:53.616Z","latestAt":"2026-08-31T07:27:53.616Z"},{"id":"01a056b1-7df6-72e8-bbe6-ae477a553a34","type":"template.created","target":{"type":"template","id":"72170","preview":"Detailed Car Care","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056aa-fc68-736a-8776-72f091ec32d1.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-31T07:21:07.830Z","latestAt":"2026-08-31T07:21:07.830Z"},{"id":"01a0534e-fbcc-741a-8382-ead212b876ba","type":"post.liked","target":{"type":"post","id":"01a04c62-fe3d-713d-830f-5d140c349557","preview":"My biggest commission so far 🥳","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My biggest commission so far "},{"type":"emoji","attrs":{"name":"partying_face","emoji":"🥳"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a04c62-eda9-7489-af20-b7f70d337dc6.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a04c62-fe3d-713d-830f-5d140c349557","like":{"count":38,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-30T15:34:40.323Z","latestAt":"2026-08-30T15:34:40.323Z"},{"id":"01a04018-9560-7438-b4bf-b45b697b64a2","type":"comment.reply","target":{"type":"post","id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","preview":"Slowly getting used to designing daily again.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04018-953f-7729-8fc7-884d0a57b82a","preview":"Yeah, love this vibe","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yeah, love this vibe"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03e83-9dfe-771e-ad7c-e6f1cb65352c"},"repost":null}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T22:02:28.064Z","latestAt":"2026-08-26T22:02:28.064Z"},{"id":"01a04018-66bf-776b-a4e7-45f22be72316","type":"comment.liked","target":{"type":"comment","id":"01a03e83-9dfe-771e-ad7c-e6f1cb65352c","preview":"the spotlight effect gives it a showroom vibe","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the spotlight effect gives it a showroom vibe"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03e83-9dfe-771e-ad7c-e6f1cb65352c"},"repost":null}},"context":{"type":"post","id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","preview":"Slowly getting used to designing daily again.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T22:02:16.122Z","latestAt":"2026-08-26T22:02:16.122Z"},{"id":"01a04018-5eaa-77d3-9cd5-b828b0845cfb","type":"comment.reply","target":{"type":"post","id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","preview":"Slowly getting used to designing daily again.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04018-5e8b-7237-8d79-2b9676ab804c","preview":"Thanks Bryan!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Bryan!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a03f61-cc3a-7660-90a5-968463d149ad"},"repost":null}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T22:02:14.058Z","latestAt":"2026-08-26T22:02:14.058Z"},{"id":"01a04018-4960-77fd-ba0d-db0a660824e2","type":"comment.liked","target":{"type":"comment","id":"01a03f61-cc3a-7660-90a5-968463d149ad","preview":"Amazing!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03f61-cc3a-7660-90a5-968463d149ad"},"repost":null}},"context":{"type":"post","id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","preview":"Slowly getting used to designing daily again.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T22:02:08.604Z","latestAt":"2026-08-26T22:02:08.604Z"},{"id":"01a03e56-93be-7205-835d-e6a9f20f1e01","type":"comment.liked","target":{"type":"comment","id":"01a03e55-db70-7089-b421-c3241087bd18","preview":"😍","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03e55-db70-7089-b421-c3241087bd18"},"repost":null}},"context":{"type":"post","id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","preview":"Slowly getting used to designing daily again.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a03e20-38eb-76d7-9dd6-13a1f92703da","like":{"count":25,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T13:50:56.435Z","latestAt":"2026-08-26T13:50:56.435Z"},{"id":"01a03899-12f1-70bc-b5e7-ea80656ae56a","type":"template.created","target":{"type":"template","id":"71844","preview":"Stride Run Club","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056a9-ba3b-716c-a261-89799b431d4d.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-25T11:05:51.089Z","latestAt":"2026-08-25T11:05:51.089Z"},{"id":"01a01f05-9ce2-713b-bcc2-2a8d6d527670","type":"comment.liked","target":{"type":"comment","id":"019f4592-f9dc-76bf-bfd9-b8378553656d","preview":"This is a Beautiful Work, also gave me a Good Idea, thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is a Beautiful Work, also gave me a Good Idea, thank you"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"0195f243-90f6-78da-8fcb-08988de4b73d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4592-f9dc-76bf-bfd9-b8378553656d"},"repost":null}},"context":{"type":"post","id":"0195f243-90f6-78da-8fcb-08988de4b73d","preview":"Perform","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/51062/perform-KOFbrDtYWD9w0uNIbYc5gdeRZsc7v1","targetDeleted":false,"owned":true,"actions":{"postId":"0195f243-90f6-78da-8fcb-08988de4b73d","like":{"count":173,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T11:54:16.666Z","latestAt":"2026-08-20T11:54:16.666Z"},{"id":"019fdcb8-ac7e-71d3-9d89-02464c6b3400","type":"comment.reply","target":{"type":"post","id":"019fdcab-52ba-74a1-87e4-06afa3fcc747","preview":"Nothing beats designing a website for something you love.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nothing beats designing a website for something you love."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/019fdcaa-c448-70fd-a132-6f9c63d3e459.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fdcab-52ba-74a1-87e4-06afa3fcc747","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fdcb8-ac5e-7301-a36d-ad16495158f3","preview":"Thank you Aki! Appreciate it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Aki! Appreciate it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fdcab-52ba-74a1-87e4-06afa3fcc747","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdcb7-9c3f-75ec-9f55-7d1c2928fca6"},"repost":null}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T14:55:18.142Z","latestAt":"2026-08-07T14:55:18.142Z"},{"id":"019fdcb8-8bbf-73fe-aa31-144de932b8f4","type":"comment.liked","target":{"type":"comment","id":"019fdcb7-9c3f-75ec-9f55-7d1c2928fca6","preview":"Really nice work, love this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really nice work, love this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fdcab-52ba-74a1-87e4-06afa3fcc747","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdcb7-9c3f-75ec-9f55-7d1c2928fca6"},"repost":null}},"context":{"type":"post","id":"019fdcab-52ba-74a1-87e4-06afa3fcc747","preview":"Nothing beats designing a website for something you love.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nothing beats designing a website for something you love."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/019fdcaa-c448-70fd-a132-6f9c63d3e459.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fdcab-52ba-74a1-87e4-06afa3fcc747","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T14:55:09.754Z","latestAt":"2026-08-07T14:55:09.754Z"},{"id":"019faded-f847-731d-9919-1ff12c52ea62","type":"post.liked","target":{"type":"post","id":"019fad43-e139-76b8-9274-90f4b4c823d8","preview":"More snippet from my healthcare template. Aim to launch in August, stay tune guys!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More snippet from my healthcare template. Aim to launch in August, stay tune guys!"}]}]},"thumbnail":"https://image.mux.com/LRCkFbLlG8pIoZdqFKkp02Zt5Q012aRyxyyvhkH3tOmRc/thumbnail.webp?time=5.833","targetDeleted":false,"owned":false,"actions":{"postId":"019fad43-e139-76b8-9274-90f4b4c823d8","like":{"count":33,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T12:51:21.786Z","latestAt":"2026-07-29T12:51:21.786Z"}],"pagination":{"next":"MjAyNi0wNy0yOVQxMjo1MToyMS43ODZafDAxOWZhZGVkLWY4NDctNzMxZC05OTE5LTFmZjEyYzUyZWE2Mg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:563714eb-1750-436a-8d0c-0caafcb63e47:/unified/posts/?creator=563714eb-1750-436a-8d0c-0caafcb63e47&with=reposts":[{"data":[{"id":"01a07ace-72de-73d4-b1db-81dfb222c669","title":null,"body":"

Perfuma is live.

A clean, modern landing page to showcase your product.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfuma is live."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A clean, modern landing page to showcase your product."}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72582","resolved":true,"title":"Perfuma Scents","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfuma is a free Framer template for perfume houses, fragrance brands and niche perfumers who want to "},{"type":"text","text":"showcase","marks":[{"type":"bold"}]},{"type":"text","text":" a scent — not run a full online store. Its editorial, luxury design pairs an elegant serif with soft tones and generous space to make the product feel premium, and a built-in contact form lets interested customers reach you directly."}]},{"type":"customHeading","content":[{"type":"text","text":"Showcase the scent, capture the interest"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Perfuma leads with a bold hero and a product-forward layout that puts your bottle and story centre stage, then turns interest into enquiries through a dedicated contact page — ideal for signature-scent, artisan and made-to-order brands that don't need a shopping cart."}]},{"type":"customHeading","content":[{"type":"text","text":"Contact form and FAQ powered by CMS"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The contact form makes it easy for customers and stockists to enquire about your scent, and a built-in FAQ powered by Framer CMS answers common questions without touching code."}]},{"type":"customHeading","content":[{"type":"text","text":"Free, fast and easy to launch"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Remix it, swap your imagery and copy in Framer's visual editor, connect your domain and publish — most people are live in under a day. It is fully responsive, SEO-friendly and free to use for personal and commercial projects."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 Pages","marks":[{"type":"bold"}]},{"type":"text","text":": Home, a Contact page and a custom 404."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Luxury Design","marks":[{"type":"bold"}]},{"type":"text","text":": A refined serif-led aesthetic built for fragrance and beauty brands."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product-Forward Layout","marks":[{"type":"bold"}]},{"type":"text","text":": Show your bottle, notes and story with elegance."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in FAQ","marks":[{"type":"bold"}]},{"type":"text","text":": Powered by Framer CMS — add and edit questions without code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":": Looks sharp on desktop, tablet and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Optimized","marks":[{"type":"bold"}]},{"type":"text","text":": Fast loading, clean structure, ready to be indexed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Commercial License","marks":[{"type":"bold"}]},{"type":"text","text":": Use it for your brand or client projects at no cost."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Beginner-friendly guide for seamless installation","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow ","marks":[{"type":"bold"}]},{"type":"text","text":"tutorials","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sebadam.supply/tutorials/category/framer-basics","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" that walks you through each step — helping you launch your new website effortlessly in less than 24 hours.","marks":[{"type":"bold"}]}]}]},"introduction":"Perfume & Fragrance Template","slug":"perfuma-scents","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-e384-75fb-bc32-a7f5d6b70c3e.png","metadata":{"tint":{"h":0,"s":80,"l":16},"width":800,"height":600}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-eb3c-72ba-b85b-e07a1f92e795.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":800,"height":600}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-f190-7119-8119-f01b833fb055.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":800,"height":600}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-fb2e-7338-b5eb-f6e978a79297.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":800,"height":600}}],"post":null,"createdAt":"2026-09-07T07:39:04.703Z","updatedAt":"2026-09-07T07:39:04.703Z","publishedAt":"2026-09-07T07:39:04.700Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/gF2it56","remixUrl":"https://framer.link/gF2it56","previewUrl":"https://perfuma.framer.website/","categories":[{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":214,"name":"Fashion","slug":"fashion"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":275,"name":"Beauty","slug":"beauty"},"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":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T07:39:05.310Z","updatedAt":"2026-09-07T07:39:05.310Z"},{"id":"01a056b1-7be9-7205-8f12-d0d8d710a4d2","title":null,"body":"

Another week, another template live ✨

Meet Detailed. Template for car detailing businesses that want to give off a premium vibe.

Do you like the vibes?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Another week, another template live "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Detailed","marks":[{"type":"bold"}]},{"type":"text","text":". Template for car detailing businesses that want to give off a premium vibe."}]},{"type":"paragraph","content":[{"type":"text","text":"Do you like the vibes? "}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72170","resolved":true,"title":"Detailed Car Care","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Detailed is a free Framer template for car detailing studios, ceramic coating specialists and mobile detailers who want a website as premium as their work. Its dark, editorial design puts the cars centre stage — deep blacks, luxury photography and refined typography that make a studio look like a concours-level operation."}]},{"type":"customHeading","content":[{"type":"text","text":"Built to win premium clients"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Detailing is sold on trust and image. Detailed leads with a bold hero, clear service tiers, a showreel and an about section — everything a potential client needs to choose you over the cheaper option down the road."}]},{"type":"customHeading","content":[{"type":"text","text":"A quote page that books jobs"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A dedicated Get a Quote page captures the details you need to price a job — car, service, location and message — so enquiries turn into bookings. A built-in FAQ powered by Framer CMS answers the questions every new client asks."}]},{"type":"customHeading","content":[{"type":"text","text":"Free, fast and easy to launch"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Remix it, swap your text and photos in Framer's visual editor, connect your domain and publish — most people are live in under a day. It is fully responsive, SEO-friendly and free to use for personal and commercial projects."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 Pages","marks":[{"type":"bold"}]},{"type":"text","text":": Home, a Get a Quote page and a custom 404."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Service Tiers","marks":[{"type":"bold"}]},{"type":"text","text":": Entry, maintenance, full detail and ceramic — ready to edit."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quote Form","marks":[{"type":"bold"}]},{"type":"text","text":": Capture car, service, location and message to price jobs fast."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in FAQ","marks":[{"type":"bold"}]},{"type":"text","text":": Powered by Framer CMS — add and edit questions without code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark Luxury Design","marks":[{"type":"bold"}]},{"type":"text","text":": An editorial black aesthetic built for premium detailers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":": Looks sharp on desktop, tablet and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Optimized","marks":[{"type":"bold"}]},{"type":"text","text":": Fast loading, clean structure, ready to be indexed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Commercial License","marks":[{"type":"bold"}]},{"type":"text","text":": Use it for your studio or client projects at no cost."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Beginner-friendly guide for seamless installation","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow "},{"type":"text","text":"tutorials","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sebadam.supply/tutorials/category/framer-basics","target":"_blank"}}]},{"type":"text","text":" that walks you through each step — helping you launch your new website effortlessly in less than 24 hours."}]}]},"introduction":"Car Detailing Studio Template","slug":"detailed-car-care","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056aa-fc68-736a-8776-72f091ec32d1.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/udvf02DHl5xM9iPErr01hRjNYK0100fe381xUTPr2Ki7T2s.m3u8","metadata":{"posterUrl":"https://image.mux.com/udvf02DHl5xM9iPErr01hRjNYK0100fe381xUTPr2Ki7T2s/thumbnail.webp?time=8.817","aspectRatio":"721:540","duration":10.147889}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056ab-02d9-758b-8250-a32b40ba5ea6.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056ab-0986-723c-a749-307c793b974a.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T07:21:06.723Z","updatedAt":"2026-08-31T11:58:25.754Z","publishedAt":"2026-08-31T07:21:06.720Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Ukz6m6m","remixUrl":"https://framer.link/Ukz6m6m","previewUrl":"https://detailed-template.framer.website/","categories":[{"id":196,"name":"Car & Auto","slug":"car-and-auto"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":208,"name":"Dark","slug":"dark"},{"id":239,"name":"Monochromatic","slug":"monochromatic"}],"mainCategory":{"id":278,"name":"Home","slug":"home-services"},"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":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T07:21:07.305Z","updatedAt":"2026-08-31T07:21:07.305Z"},{"id":"01a03e20-38eb-76d7-9dd6-13a1f92703da","title":null,"body":"

Slowly getting used to designing daily again.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slowly getting used to designing daily again."}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a03e20-305a-728f-a6bc-c4735448eb90.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1592,"height":1155}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":25,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-26T12:51:34.255Z","updatedAt":"2026-08-26T12:51:34.255Z"},{"id":"01a03899-10ea-7037-884a-2f76f1c131d4","title":null,"body":"

Just dropped a new free Framer template Stride 🏃

Modern landing page for run clubs and other sport oriented brands.

Remix it for free 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped a new free Framer template "},{"type":"text","text":"Stride","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"runner","emoji":"🏃"}}]},{"type":"paragraph","content":[{"type":"text","text":"Modern landing page for run clubs and other sport oriented brands."}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it for free "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71844","resolved":true,"title":"Stride Run Club","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stride is a free Framer template built for run clubs, running crews and community running groups that want a website as energetic as their Saturday long run. It leads with bold, motion-driven imagery and a warm, dark editorial palette — a modern home for your club that looks premium straight out of the box."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for a running community"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything a club needs is already in place: a hero for your next run, a stats section, a weekly schedule with pace groups, a leaders section, and a journal for stories and race recaps. New runners can see when you meet, find their pace, and get involved in seconds."}]},{"type":"customHeading","content":[{"type":"text","text":"Schedule, journal and FAQ powered by CMS"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Stride ships with three ready-to-edit Framer CMS collections — Schedule, Journal and FAQ — so you can add runs, publish posts and update answers without touching code. The journal is a full blog with detail pages, categories and read times."}]},{"type":"customHeading","content":[{"type":"text","text":"Free, fast and easy to launch"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Remix it, swap your text and photos in Framer's visual editor, connect your domain and publish — most people are live in under 24 hours. It's fully responsive, SEO-friendly and free to use for personal and commercial projects."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 CMS Collections","marks":[{"type":"bold"}]},{"type":"text","text":": Schedule, Journal (blog) and FAQ — edit content without code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in Blog","marks":[{"type":"bold"}]},{"type":"text","text":": A full journal with detail pages, categories and read times, powered by Framer CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 Page","marks":[{"type":"bold"}]},{"type":"text","text":": An on-brand error page is included."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":": Looks sharp on desktop, tablet and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Optimized","marks":[{"type":"bold"}]},{"type":"text","text":": Fast loading, clean structure, ready to be indexed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy Editing","marks":[{"type":"bold"}]},{"type":"text","text":": Change text, images, colors and fonts in Framer — no code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Commercial License","marks":[{"type":"bold"}]},{"type":"text","text":": Use it for your club or client projects at no cost."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Beginner-friendly guide for seamless installation","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow ","marks":[{"type":"bold"}]},{"type":"text","text":"tutorials","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sebadam.supply/tutorials/category/framer-basics","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" that walks you through each step — helping you launch your new website effortlessly in less than 24 hours.","marks":[{"type":"bold"}]}]}]},"introduction":"Free Run Club Template","slug":"stride-run-club","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a056a9-ba3b-716c-a261-89799b431d4d.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/pZHKR3ADwJwSW3Zkldck2VC700z026Ee5KIh3rODs4ugk.m3u8","metadata":{"posterUrl":"https://image.mux.com/pZHKR3ADwJwSW3Zkldck2VC700z026Ee5KIh3rODs4ugk/thumbnail.webp?time=5.583","aspectRatio":"721:540","duration":14.242667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a0389f-7390-73d2-a178-31f4c467f404.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a0389f-9427-7439-8a9f-fda7f0633203.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-25T11:05:49.998Z","updatedAt":"2026-08-31T07:12:49.512Z","publishedAt":"2026-08-25T11:05:49.993Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/KzOmiAu","remixUrl":"https://framer.link/KzOmiAu","previewUrl":"https://stride-template.framer.media/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":254,"name":"Sports","slug":"sports"},{"id":200,"name":"Coaching","slug":"coaching"},{"id":202,"name":"Community","slug":"community"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":254,"name":"Sports","slug":"sports"},"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":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"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-08-25T11:05:50.571Z","updatedAt":"2026-08-25T11:05:50.571Z"},{"id":"01a029f7-451c-7282-bb6c-52adb6f7ff60","title":null,"body":"

More sections

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More sections"}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a029f6-41b6-743c-a6f0-dfa3465f5ec8.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1381,"height":884}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a029f6-9452-7729-8b18-d0d8812a9f09.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1388,"height":886}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a029f6-c858-74c8-b874-f63077eb119c.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1389,"height":887}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a029f7-324d-732a-9847-aa89f126614c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1391,"height":893}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-22T14:54:26.082Z","updatedAt":"2026-08-22T14:54:26.082Z"},{"id":"019fdcab-52ba-74a1-87e4-06afa3fcc747","title":null,"body":"

Nothing beats designing a website for something you love.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nothing beats designing a website for something you love."}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/019fdcaa-c448-70fd-a132-6f9c63d3e459.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T14:40:43.197Z","updatedAt":"2026-08-07T14:40:43.197Z"},{"id":"019f8f15-6e13-77ec-9b27-10e889fcdd56","title":null,"body":"

After taking some time to focus on university, I’m back to creating again.

What do you think of this one?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"After taking some time to focus on university, I’m back to creating again."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think of this one?"}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/019f8f15-20ca-7358-8c75-19bf5f34b38b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1400,"height":890}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T13:06:14.189Z","updatedAt":"2026-07-23T13:06:14.189Z"},{"id":"019ed1cf-0b08-76ab-bcc4-440f3b6bb765","title":null,"body":"

Loving the Framer community!

To celebrate this update I am launching a new Framer template right away!

Meet Catered 🍽

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Loving the Framer community!"}]},{"type":"paragraph","content":[{"type":"text","text":"To celebrate this update I am launching a new Framer template right away!"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet Catered "},{"type":"emoji","attrs":{"name":"plate_with_cutlery","emoji":"🍽"}}]}]},"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66526","resolved":true,"title":"Catered","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A single-page Framer template that covers everything a catering business actually needs — a strong first impression, a clear services overview, a full seasonal menu, social proof, pricing, and a booking form — all on one page, all beautifully laid out."}]},{"type":"customHeading","content":[{"type":"text","text":"Premium without the build time"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Catered is designed to make a strong first impression the moment someone lands on it. The typography, spacing, and layout do the heavy lifting — you just swap in your content. Most people have a live, polished site in under a day."}]},{"type":"customHeading","content":[{"type":"text","text":"One page. Everything you need."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Catered uses a single long-form page with 12+ sections that flow naturally — from hero through to enquiry form. It's structured the way a client actually reads: who you are, what you do, what's on the menu, what others say, how to book."}]},{"type":"customHeading","content":[{"type":"text","text":"Integrated Menu"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Dishes are managed through Framer CMS — add courses, set categories (Canapés, Mains, Desserts, Wine Pairing), tick dietary tags, set pricing. No spreadsheets, no developer. Update your seasonal menu from your browser in minutes."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered Menu","marks":[{"type":"bold"}]},{"type":"text","text":": Manage dishes by course with pricing and dietary tags (V, GF) — no code needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"12+ Sections","marks":[{"type":"bold"}]},{"type":"text","text":": Hero, about, services, menu, gallery, testimonials, process, packages, team, FAQ, and booking form — all on one page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials","marks":[{"type":"bold"}]},{"type":"text","text":": CMS-managed cards with name, quote, event type, location, and rating."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Booking Form","marks":[{"type":"bold"}]},{"type":"text","text":": Event type, date, guest count, venue, and a free-text details field."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive","marks":[{"type":"bold"}]},{"type":"text","text":": Desktop, tablet, and mobile — all tested."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Optimized","marks":[{"type":"bold"}]},{"type":"text","text":": Fast loading and clean HTML out of the box."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Commercial License","marks":[{"type":"bold"}]},{"type":"text","text":": Use it for client projects too."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Beginner-friendly guide for seamless installation"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"We understand that not everyone is a Framer expert who can edit a template in five minutes. That’s why every template comes with a short, easy to follow "},{"type":"text","text":"tutorials","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sebadam.supply/tutorials/category/framer-basics","target":"_blank"}}]},{"type":"text","text":" that walks you through each step — helping you launch your new website effortlessly in less than 24 hours."}]}]},"introduction":"Catering Website Template","slug":"catered","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/hxo4rttn","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/639kpmzd","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/yajsu2up","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/l6otve7g","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T19:01:07.419Z","updatedAt":"2026-06-16T19:01:07.419Z","publishedAt":"2026-06-16T19:01:07.414Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://buy.polar.sh/polar_cl_eMuKBYPZdTtiseyWSfM26KPurWdJgSmNjpWHL1mEf4k","remixUrl":null,"previewUrl":"https://catered-template.framer.website/","categories":[{"id":115,"name":"Food","slug":"food"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":115,"name":"Food","slug":"food"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-16T19:01:57.240Z","createdAt":"2026-06-16T19:01:07.464Z","updatedAt":"2026-06-16T19:01:57.240Z"},{"id":"019e88ba-49b9-7731-b5d3-61a40a7d8290","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"63652","resolved":true,"title":"Swimline","body":"$6e","bodyJson":null,"introduction":"Swim Coach Framer Template","slug":"swimline","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63652/swimline-ZE2qCHAHUZXNRwGpCLzjmJB6IVi7fZ","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63652/swimline-PldzcShbC9CqfGTCsB0PheHQntDD1b","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63652/swimline-2d8cwGqa5ttBuXS4uKYTWVnVfOVe8n","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63652/swimline-hS07kY5nJzxLI9yU0hivJQ1755YJr2","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-30T10:16:26.356Z","updatedAt":"2026-06-02T14:26:10.489Z","publishedAt":"2026-06-02T14:26:10.489Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://buy.polar.sh/polar_cl_SRUkIivNFuqrDmw6oOWX9J1jknDhNl2lUM4u41JIEyP","remixUrl":null,"previewUrl":"https://swimline.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":254,"name":"Sports","slug":"sports"},{"id":200,"name":"Coaching","slug":"coaching"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":254,"name":"Sports","slug":"sports"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"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-02T14:26:10.489Z","updatedAt":"2026-06-02T14:26:10.489Z"},{"id":"019e2d75-35af-7557-a94b-0ae8e8e84065","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"63160","resolved":true,"title":"Vervee","body":"$6f","bodyJson":null,"introduction":"Luxury Event, Party & Nightclub","slug":"vervee","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63160/vervee-Lux44KyeF6Ug4jVcFt3ytGuBOpmu4M","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63160/vervee-L2p3U093lTCWUC2e5q3awCxw9Alppa","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63160/vervee-K5l4lidAqMDOYF121rR2DnTjwWU8jm","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63160/vervee-CKewp1kNaQtriTEQn53RGUiqS43o01","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-27T11:55:16.689Z","updatedAt":"2026-05-15T21:05:16.719Z","publishedAt":"2026-05-15T21:05:16.719Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/48WImvE","remixUrl":"https://framer.link/48WImvE","previewUrl":"https://vervee-template.framer.website/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":240,"name":"Music & Band","slug":"music-and-band"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":208,"name":"Dark","slug":"dark"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":12,"name":"Entertainment","slug":"entertainment"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"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-15T21:05:16.719Z","updatedAt":"2026-05-15T21:05:16.719Z"},{"id":"019d6f30-2e62-7db3-b21d-a082e15693a6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7ntsA1Fg3S4tkpbDO7bC","resolved":true,"title":"Sound Wave Bars","body":"$70","bodyJson":null,"introduction":"Animated sound wave bars","slug":"sound-wave-bars","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7ntsA1Fg3S4tkpbDO7bC/sound-wave-bars-rP3CzU2eTzmhzBttwsj5jLVCiCxU9N","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-08T22:20:20.960Z","updatedAt":"2026-09-17T10:20:45.272Z","publishedAt":"2026-04-08T22:22:01.826Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Wavebars-ckmMEv.js@SPYIxUVT0Tduo6pyIER7","previewUrl":"https://magnetic-button-component.framer.website/components/wave-bars","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"SPYIxUVT0Tduo6pyIER7","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-08T22:22:01.826Z","updatedAt":"2026-04-08T22:22:01.826Z"},{"id":"019c0486-5939-7df5-82cc-94ea84bb4c75","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66","resolved":true,"title":"Website Launch","body":"$71","bodyJson":null,"introduction":"How to Use Framer Templates #10","slug":"website-launch","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/2hz073w5","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-19T17:48:48.751Z","updatedAt":"2026-01-28T12:13:59.481Z","publishedAt":"2026-01-28T12:13:59.481Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":600,"summary":"Launching your website in Framer is the final step before going live. In this tutorial, you’ll learn how to choose a hosting plan, publish your site, and connect a custom domain.","categories":[{"id":"7c4abcf1-5383-4107-af78-ccde42698744","name":"Launch","slug":"launch"}],"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-28T12:13:59.481Z","updatedAt":"2026-01-28T12:13:59.481Z"},{"id":"019c0485-ec88-7311-a539-4aaf15543830","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"65","resolved":true,"title":"SEO Basics","body":"$72","bodyJson":null,"introduction":"How to Use Framer Templates #9","slug":"seo-basics","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/djqx5ws9","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-19T17:27:26.986Z","updatedAt":"2026-01-28T12:13:31.656Z","publishedAt":"2026-01-28T12:13:31.656Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":1080,"summary":"SEO helps people find your website through search engines like Google. In this tutorial, you’ll learn the most important on-site SEO basics in Framer, including headings, page metadata, and image optimization.","categories":[{"id":"80a91d48-e71f-409c-9e34-98a7b0c5e220","name":"SEO","slug":"seo"}],"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-28T12:13:31.656Z","updatedAt":"2026-01-28T12:13:31.656Z"},{"id":"019c0485-cd87-76e9-a61e-27eb8d5dfe68","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"64","resolved":true,"title":"Framer Forms","body":"$73","bodyJson":null,"introduction":"How to Use Framer Templates #8","slug":"framer-forms","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/tutorials/64/cover/framer-forms/zcnbvd0g-ukZtVgJ1C0fH95R0SlP90d1dkTfFvQ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":900}}],"post":null,"createdAt":"2026-01-19T16:47:08.401Z","updatedAt":"2026-01-28T12:13:23.719Z","publishedAt":"2026-01-28T12:13:23.719Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":600,"summary":"Forms in Framer make it easy to collect information from users without any complex setup. In this tutorial, you’ll learn how to configure form submissions, manage input fields, and receive form data correctly.","categories":[{"id":"444b84df-61ab-4c23-b098-6465dc817a95","name":"Forms","slug":"forms"}],"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-28T12:13:23.719Z","updatedAt":"2026-01-28T12:13:23.719Z"},{"id":"019c0485-5808-7849-83dd-6703575cb368","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"63","resolved":true,"title":"CMS Basics","body":"$74","bodyJson":null,"introduction":"How to Use Framer Templates #7","slug":"cms-basics","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/tutorials/63/cover/cms-basics/87g3d7wx-VViQFatlk9K2dWHFl5rHlBJDWOsSOa","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":900}}],"post":null,"createdAt":"2026-01-18T22:54:49.320Z","updatedAt":"2026-01-28T12:12:53.640Z","publishedAt":"2026-01-28T12:12:53.640Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":960,"summary":"The CMS in Framer lets you manage repeatable content like blog posts, FAQs, or projects without rebuilding your layout each time. In this tutorial, you’ll learn how CMS collections work, how to edit content, and how to display it on your pages efficiently.","categories":[{"id":"6bf792d6-94b7-455b-8d62-b13e7c02fa1d","name":"CMS","slug":"cms"}],"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-28T12:12:53.640Z","updatedAt":"2026-01-28T12:12:53.640Z"},{"id":"019c0485-2aef-70cb-b805-fd3d55c500c2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"62","resolved":true,"title":"Design Styles","body":"$75","bodyJson":null,"introduction":"How to Use Framer Templates #6","slug":"design-styles","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/mcuc4ek6","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-17T17:21:43.066Z","updatedAt":"2026-01-30T16:44:37.738Z","publishedAt":"2026-01-28T12:12:42.095Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":1260,"summary":"Design styles make it easy to update the look of your website from one place. In this tutorial, you’ll learn how to use text, link, and color styles, and how to adjust layout and sizing to customize your design efficiently in Framer.","categories":[{"id":"2a8f950f-084b-4ffa-947b-4f6d23b5ebdc","name":"Design","slug":"design"}],"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-28T12:12:42.095Z","updatedAt":"2026-01-28T12:12:42.095Z"},{"id":"019c0484-f368-7dc3-9f0a-f45fd215d2fe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"61","resolved":true,"title":"Layout Templates","body":"$76","bodyJson":null,"introduction":"How to Use Framer Templates #5","slug":"layout-templates","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/rl5ah2i1","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-17T17:02:32.513Z","updatedAt":"2026-01-28T12:12:27.880Z","publishedAt":"2026-01-28T12:12:27.880Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":720,"summary":"Layout templates help you reuse page structures like navigation bars and footers across your site. In this tutorial, you’ll learn how to use and edit layout templates to keep your pages consistent and easy to maintain.","categories":[{"id":"b065292c-9109-4148-a902-5a7d4c1d66eb","name":"Components","slug":"components"}],"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-28T12:12:27.880Z","updatedAt":"2026-01-28T12:12:27.880Z"},{"id":"019c0484-bd05-7d00-bef0-a467660b64bc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"60","resolved":true,"title":"Components Explained","body":"$77","bodyJson":null,"introduction":"How to Use Framer Templates #4","slug":"components-explained","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/nuu9fp8d","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-17T16:29:05.982Z","updatedAt":"2026-01-28T12:12:13.957Z","publishedAt":"2026-01-28T12:12:13.957Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":960,"summary":"Components help you reuse elements, stay consistent, and update your website faster. In this tutorial, you’ll learn how components work and how to edit them efficiently in Framer. ","categories":[{"id":"b065292c-9109-4148-a902-5a7d4c1d66eb","name":"Components","slug":"components"}],"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-28T12:12:13.957Z","updatedAt":"2026-01-28T12:12:13.957Z"},{"id":"019c0484-77af-7f1b-a35b-54e91876938d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"59","resolved":true,"title":"Editing Content","body":"$78","bodyJson":null,"introduction":"How to Use Framer Templates #3","slug":"editing-content","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/u71wwec7","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1350}}],"post":null,"createdAt":"2026-01-17T13:57:11.268Z","updatedAt":"2026-01-28T12:11:56.207Z","publishedAt":"2026-01-28T12:11:56.207Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":840,"summary":"You will learn the basics of how to edit the content on your website — how to change text, replace images or videos, and update links. All of this is super simple once you know where to look.","categories":[{"id":"170ecea2-0b3a-4d18-9a96-d33baef08a40","name":"Basics","slug":"basics"}],"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-28T12:11:56.207Z","updatedAt":"2026-01-28T12:11:56.207Z"},{"id":"019b0d44-f03e-7e66-95cb-e5cea03c21ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"58","resolved":true,"title":"Framer Breakpoints","body":"$79","bodyJson":null,"introduction":"How to Use Framer Templates #2","slug":"framer-breakpoints","author":{"framerUserId":"563714eb-1750-436a-8d0c-0caafcb63e47","name":"Adam Sebesta","slug":"sebadam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/tutorials/58/cover/framer-breakpoints/qtogcj99-0yzvIy0IxZQ0bOQQ2upvzjbvIYrrhD","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":900}}],"post":null,"createdAt":"2025-12-10T20:52:58.244Z","updatedAt":"2026-01-14T13:43:55.963Z","publishedAt":"2025-12-11T11:56:20.414Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":600,"summary":"In this tutorial, I’ll show you how breakpoints work in Framer and how you can use them to edit your template for different screen sizes. It’s one of the most important things to understand before you start customizing your website.","categories":[{"id":"2a8f950f-084b-4ffa-947b-4f6d23b5ebdc","name":"Design","slug":"design"}],"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-11T11:56:20.414Z","updatedAt":"2025-12-11T11:56:20.414Z"}],"pagination":{"next":"MDE5YjBkNDQtZjAzZS03ZTY2LTk1Y2ItZTVjZWEwM2MyMWVm","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L7a"}]