4e:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 4f:T7be,

Tickmark is a website template for CPA firms, tax practices and bookkeepers who sell fixed fees and want clients to see what they will pay before the first call.

Pages

Home, About, Services, Fees, Tax calendar, Industries, Partners, Blog, Contact, Legal and a custom 404, plus a CMS page for every service, industry, partner and blog post.

Calculators and tools

A fee estimator works out quarterly estimated tax or a monthly bookkeeping fee from a few figures. A tax calendar lists the federal deadlines by month and marks the next one with a live countdown. A comparison table sets the engagements side by side, a document checklist shows what to bring, and a searchable FAQ library answers the usual questions. All of them are code components with their settings in the right panel.

CMS

Services, Industries, Partners and Blog live in the CMS. Service pages carry their own pricing tiers and can show the deadline table and the estimator in the mode that fits the service. Industry pages show the partner who leads that industry. Partner pages list the partner's licenses, education and posts. Posts have an author, category and reading time.

Contact

A native Framer form on Contact, Fees, the Tax calendar and every service, industry and partner page. You choose where submissions go. An office map and a YouTube video are included.

Navigation

Mega menus for Services, Industries and Partners (with icons for services and industries), a phone drawer, and a deadline bar above the menu.

Editing

Colors and text styles are shared, so one change reaches every page. Nav and Footer are components. Every page has desktop, tablet and phone layouts. Sections reveal as you scroll, and visitors who reduce motion on their device see the site without it.

Fonts and photos

Figtree throughout. The demo photos are there to show the layouts filled. Replace them with your own before you publish.

50:T81e,

Lumen Photo Studio is a website template for photographers and photography studios who shoot weddings, portraits, editorial, commercial, fashion or travel work.

Pages

Home, Work, Gallery, Services, About, Journal, Contact, Privacy and a custom 404, plus a CMS page for each project, service and journal post.

Home

A full-screen hero video, a bento grid of featured projects, a marquee of disciplines, the services you offer, the studio's story with its numbers, reasons to book, an FAQ and a closing call to action.

CMS

Projects, Services and Journal live in the CMS. Each project gets a case study page with a cover, the brief, client, location and year, key numbers, a photo gallery, a client quote and related work. Each service page shows the projects from that discipline. Journal posts have a cover, author, category and reading time.

Services and rates

A hero video, packages with prices, add-ons, what every booking includes, client reviews and an FAQ.

Contact form

A native Framer form asks for name, email, shoot type, preferred date and a message. You choose where submissions go in the form's settings.

Motion

Headlines rise word by word, photos wipe in and drift as you scroll, numbers count up and the disciplines marquee loops. The menu hides as you scroll down, a View cursor follows the pointer over image cards, and on phones the menu opens full screen. Visitors who set their device to reduce motion see the site without the load and scroll animations. The motion runs from a snippet in Site Settings that you can switch off.

Editing

Colors and type are shared styles, so a change reaches every page. Nav, Nav Phone and Footer are components. Layouts are set for desktop, tablet and phone.

Fonts and media

Urbanist for headings, Public Sans for text and an Instrument Serif italic accent word. The demo photos and videos are free-license images from Unsplash and Pexels, there to show the layout. Replace them with your own work before you publish.

51:T7f7,

Compare plans side by side

Comparison Table Kit lays out plans or products in columns and features in grouped rows. Each value is a checkmark, a cross, a dash for partial, or your own text such as "Up to 5" or "10 GB". It drops in with sample plans and a finished style, so you replace the content and publish.

Billing toggle

Switch between two prices per plan, for example monthly and yearly, with an optional discount badge. You choose which period shows first.

Collapsible categories

Group features under category rows that visitors can fold open and closed. Start any group folded to keep long tables short.

Highlight a plan

Mark a column as featured to tint it from header to bottom button, add a badge like "Most Popular", and give its button the filled style.

Tooltips

Add a short explanation to any feature. It shows on hover and on keyboard focus, stays inside the screen, and Escape closes it.

Sticky header

On long tables the plan names, prices and buttons stay pinned at the top while visitors scroll, then slide away at the end of the table.

Works on every screen

Breakpoints follow the width of the component. On phones the feature column stays in place while the plans scroll sideways.

Your design

Fonts, colours, sizes, spacing, corner radius, shadows, stripes and hover states are all in the properties panel. Plan icons come from Framer's Phosphor and Feather sets.

Keyboard and screen readers

Every button, option, category and tooltip is reachable with the keyboard and shows a focus ring. Screen readers hear the selected billing period, which categories are open and each tooltip.

Setup

Paste the component link, drop it on a page and set Width to Fill. The full guide is on the preview page.

52:T7b9,

A hero and banner section for Framer. Use it as a full-height landing hero, a lead-gen banner with a form, a launch countdown, a sale banner or a simple section header. Every color, font, spacing value and animation is a property control, so there is no CSS to write.

Backgrounds

Solid color, gradient, image or video, from a URL or an uploaded file. An overlay color or gradient keeps text readable, and image and video backgrounds can drift with the scroll.

Carousel

Switch to carousel mode and stack slides. Each slide has its own background, colors, alignment, buttons, form and countdown. Slide or fade transitions, autoplay with a pause button, arrows, dots and swipe.

Forms

Connect your own Framer forms and show one below the copy or beside it as a card. The card, labels, inputs and submit button take their styles from the panel, or keep your form's own design.

Countdown

Count down to a launch, sale or event in the visitor's time zone, with your own labels and an expired message.

Typography and buttons

A font, size and color for the eyebrow, heading, subheading, buttons, form and countdown. Primary and secondary buttons with their own colors, hover colors, borders, radius and padding.

Animation

Fade, slide or scale entrances with a stagger, a letter-by-letter heading and a scroll-down arrow. Visitors who prefer reduced motion see everything at once.

Responsive

Fluid type and padding, and tablet and mobile breakpoints that follow the component's own width, so Framer's tablet and phone frames show the right layout.

Setup

Paste the component link into your project, drop it on a page and set Width to Fill. It arrives with a ready-made default hero. The guide on the preview page covers every setting.

53:T661,

Build your own calculator in the properties panel

Add sliders, number fields, dropdowns, toggles and read-only values, then write the formulas that turn them into results. Savings, pricing, payback, hiring cost or energy use: the maths is yours.

Formulas

Use {field_id} for any input, constant or earlier result, with + - * / %, parentheses, comparisons, conditions and round, floor, ceil, abs, min, max and if. Results can build on each other, so one calculator can run a whole chain. A parser reads the formulas; nothing runs as code.

Results

Each result has its own format: currency with your symbol, number, percent or decimal, with 0 to 4 decimal places. Values count up when an input changes and appear at once for visitors who prefer reduced motion. Mark one card as primary to highlight it.

Sharing

The page address follows the inputs, and the share button copies a link that opens the calculator with the same values. Several calculators on one page keep their own values.

Lead capture

Connect a Framer form and show it on page load, after the first change or when the visitor clicks a button under the results.

Design

Side by side or stacked, four panel ratios, one to four result columns, section titles for grouped inputs, tooltips, Phosphor and Feather icons, any font, and color and size controls for every part. It adapts to its own width, so it works in a full section or a narrow column.

Six demo layouts and a full setup guide are on the preview page.

54:T7b3,

A resource library for Framer sites: guides, reports, templates and downloads in one filterable grid. Visitors filter by category, search as they type and open any resource in a side drawer. Built and edited from the properties panel. No code.

Drop it on your page, set Width to Fill, and it works straight away with demo resources you can replace.

What you can build

A downloads hub for guides, e-books and whitepapers.
A case study or report library with category filters.
A template or toolkit page with free and gated items.
A dark or light resource centre that matches your brand.

How it works

Category filters are built from your resources automatically. Search filters as you type. Switch between grid and list view. Cards open the detail drawer, go straight to the link, or do nothing. The drawer shows the image, badges, full description, details and the download button. Free and Gated badges show what needs an email.

Built for Framer

Attach files with Framer's file picker so the button downloads them. Open in new tab and No follow on every link. Pick any font with Framer's font picker. Optional structured data helps search engines read your resources.

Styling

Every part has its own style group: header, filters, search, cards, badges, buttons, drawer and colours, spacing, radius and shadows.

Accessibility

Keyboard access to filters, cards and the drawer, focus that stays in the drawer and returns when it closes, and reduced-motion support. On phones the filters scroll sideways so every option stays reachable.

The preview page has the full setup guide and every setting explained.

One licence covers unlimited personal and client sites. Support: hello@studionope.com

55:T78d,

A navigation component for Framer sites that need more than a row of links. Build simple links, dropdown lists and multi-column mega menus from the properties panel. No code.

Drop it on your page, set Width to Fill, and it works straight away with demo items you can edit.

What you can build

Mega menus with up to 5 columns, as a grid or tabs, with featured posts, promo banners, a video, a product carousel or a Framer form in the sidebar.
Transparent or frosted glass headers that shrink on scroll.
Dark navigation with gradient or image backgrounds.
Click-to-open menus for touch screens.
Branded buttons in primary, secondary and ghost styles.

Built for Framer

Icons from Phosphor or Feather, picked from a list. Badges like New, Beta or your own text. Search through Framer's own Search component. A language switcher that reads your Framer Localization locales. Forms through Framer's native forms. Open in new tab and No follow on every link.

Behaviour

Sticky or static, shrink on scroll, transparent on top. Hover or click to open. Five dropdown animations. Separate tablet and mobile breakpoints and a full mobile panel.

Styling

Every part has its own style group: bar, links, dropdowns, items, columns, sidebar, badges, buttons, mobile panel and global colours, spacing, radius and shadows. Any font via Framer's font picker.

Accessibility

Full keyboard navigation, ARIA states and reduced-motion support. Neutral black, white and grey defaults that fit any brand.

The preview page has the full setup guide and every setting explained.

One licence covers unlimited personal and client sites. Support: hello@studionope.com

4d:["$","$L4e",null,{"value":{"fallback":{"$inf$activity-creator-ef2bb5d0-8e59-43b7-be65-c14c5f941c99-all:/unified/creator/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/activity/":[{"data":[{"id":"01a14070-1a59-779a-86b1-a514834eedce","type":"template.created","target":{"type":"template","id":"76022","preview":"Tickmark","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a14071-a928-70d8-a2aa-386dc4ee79ec.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-15T16:40:51.033Z","latestAt":"2026-10-15T16:40:51.033Z"},{"id":"01a112f8-1717-743d-8fcb-f043b799d857","type":"template.created","target":{"type":"template","id":"75038","preview":"Lumen Photo Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112d7-2479-7314-87eb-0889659eac50.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-06T20:46:51.159Z","latestAt":"2026-10-06T20:46:51.159Z"},{"id":"01a107e9-a3f4-734d-b2eb-b46a48db4619","type":"component.created","target":{"type":"component","id":"gZkd9basTMAXeywrsfSq","preview":"Comparison Table Kit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a107e9-712b-7299-967d-da53a6605fd9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T17:15:14.804Z","latestAt":"2026-10-04T17:15:14.804Z"},{"id":"01a10763-8837-7137-b254-7a92f71d7be9","type":"component.created","target":{"type":"component","id":"aMr8ZG61qRBrsIuz6YFK","preview":"Hero Banner Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a10763-3b3e-70a9-b4ab-5a58eb8e4219.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T14:48:45.879Z","latestAt":"2026-10-04T14:48:45.879Z"},{"id":"01a1075c-aaf9-770a-9214-df89defee1ee","type":"component.created","target":{"type":"component","id":"qarwhHfhnkMzNnyptGtE","preview":"ROI Calculator Kit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1075c-8031-7346-9c7a-bedfe742b96a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T14:41:16.025Z","latestAt":"2026-10-04T14:41:16.025Z"},{"id":"01a106d4-0333-73f7-81ee-fe216fd702d3","type":"component.created","target":{"type":"component","id":"wbIZzih0VYCf1R3IIn1Z","preview":"Resource Library Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a106d3-56ae-72b7-9efa-4b8a5f34c32f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T12:12:00.179Z","latestAt":"2026-10-04T12:12:00.179Z"},{"id":"01a106b5-4115-722a-bbe1-de10199557d3","type":"component.created","target":{"type":"component","id":"mfvVcb8w7XmYId9C2FnJ","preview":"Mega Menu Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a106af-f639-730a-bdf7-3c90a60b42d7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","slug":"studionope","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T11:38:24.405Z","latestAt":"2026-10-04T11:38:24.405Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ef2bb5d0-8e59-43b7-be65-c14c5f941c99:/unified/posts/?creator=ef2bb5d0-8e59-43b7-be65-c14c5f941c99&with=reposts":[{"data":[{"id":"01a14070-17d9-74dd-9993-c79e827ab598","title":null,"body":"

Tickmark is on the Framer Marketplace: a website for CPA and tax firms with a fee estimator, a live tax calendar and CMS pages for services, industries and partners.

Preview: https://tickmark.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tickmark is on the Framer Marketplace: a website for CPA and tax firms with a fee estimator, a live tax calendar and CMS pages for services, industries and partners."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://tickmark.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://tickmark.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76022","resolved":true,"title":"Tickmark","body":"$4f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tickmark is a website template for CPA firms, tax practices and bookkeepers who sell fixed fees and want clients to see what they will pay before the first call."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages"}]},{"type":"paragraph","content":[{"type":"text","text":"Home, About, Services, Fees, Tax calendar, Industries, Partners, Blog, Contact, Legal and a custom 404, plus a CMS page for every service, industry, partner and blog post."}]},{"type":"paragraph","content":[{"type":"text","text":"Calculators and tools"}]},{"type":"paragraph","content":[{"type":"text","text":"A fee estimator works out quarterly estimated tax or a monthly bookkeeping fee from a few figures. A tax calendar lists the federal deadlines by month and marks the next one with a live countdown. A comparison table sets the engagements side by side, a document checklist shows what to bring, and a searchable FAQ library answers the usual questions. All of them are code components with their settings in the right panel."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS"}]},{"type":"paragraph","content":[{"type":"text","text":"Services, Industries, Partners and Blog live in the CMS. Service pages carry their own pricing tiers and can show the deadline table and the estimator in the mode that fits the service. Industry pages show the partner who leads that industry. Partner pages list the partner's licenses, education and posts. Posts have an author, category and reading time."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact"}]},{"type":"paragraph","content":[{"type":"text","text":"A native Framer form on Contact, Fees, the Tax calendar and every service, industry and partner page. You choose where submissions go. An office map and a YouTube video are included."}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation"}]},{"type":"paragraph","content":[{"type":"text","text":"Mega menus for Services, Industries and Partners (with icons for services and industries), a phone drawer, and a deadline bar above the menu."}]},{"type":"paragraph","content":[{"type":"text","text":"Editing"}]},{"type":"paragraph","content":[{"type":"text","text":"Colors and text styles are shared, so one change reaches every page. Nav and Footer are components. Every page has desktop, tablet and phone layouts. Sections reveal as you scroll, and visitors who reduce motion on their device see the site without it."}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts and photos"}]},{"type":"paragraph","content":[{"type":"text","text":"Figtree throughout. The demo photos are there to show the layouts filled. Replace them with your own before you publish."}]}]},"introduction":"A website for CPA and tax firms","slug":"tickmark","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a14071-a928-70d8-a2aa-386dc4ee79ec.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1406d-c872-73fc-b313-3a0fd36631d4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1406e-0da8-75c7-a21d-7680ecfe51df.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1406e-e291-713f-b13e-eea9524bc42f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1406f-3323-76ad-a86e-76d20f7bb2e8.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-15T16:40:49.687Z","updatedAt":"2026-10-15T16:42:39.774Z","publishedAt":"2026-10-15T16:40:49.683Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"149","paymentUrl":"https://buy.stripe.com/5kQ8wQdr74LJ3xibhV5Rm0d","remixUrl":null,"previewUrl":"https://tickmark.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T16:40:50.393Z","updatedAt":"2026-10-15T16:40:50.393Z","type":"post"},{"id":"01a112f8-1480-772e-a9dc-beb87fa9043b","title":null,"body":"

Lumen Photo Studio is live: a photography studio website with CMS case studies, service pages with rates, a journal, a native contact form and motion on scroll. Nine pages, desktop to phone.

Preview: https://lumen-photo-studio.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lumen Photo Studio is live: a photography studio website with CMS case studies, service pages with rates, a journal, a native contact form and motion on scroll. Nine pages, desktop to phone."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://lumen-photo-studio.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://lumen-photo-studio.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75038","resolved":true,"title":"Lumen Photo Studio","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lumen Photo Studio is a website template for photographers and photography studios who shoot weddings, portraits, editorial, commercial, fashion or travel work."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages"}]},{"type":"paragraph","content":[{"type":"text","text":"Home, Work, Gallery, Services, About, Journal, Contact, Privacy and a custom 404, plus a CMS page for each project, service and journal post."}]},{"type":"paragraph","content":[{"type":"text","text":"Home"}]},{"type":"paragraph","content":[{"type":"text","text":"A full-screen hero video, a bento grid of featured projects, a marquee of disciplines, the services you offer, the studio's story with its numbers, reasons to book, an FAQ and a closing call to action."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS"}]},{"type":"paragraph","content":[{"type":"text","text":"Projects, Services and Journal live in the CMS. Each project gets a case study page with a cover, the brief, client, location and year, key numbers, a photo gallery, a client quote and related work. Each service page shows the projects from that discipline. Journal posts have a cover, author, category and reading time."}]},{"type":"paragraph","content":[{"type":"text","text":"Services and rates"}]},{"type":"paragraph","content":[{"type":"text","text":"A hero video, packages with prices, add-ons, what every booking includes, client reviews and an FAQ."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact form"}]},{"type":"paragraph","content":[{"type":"text","text":"A native Framer form asks for name, email, shoot type, preferred date and a message. You choose where submissions go in the form's settings."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Headlines rise word by word, photos wipe in and drift as you scroll, numbers count up and the disciplines marquee loops. The menu hides as you scroll down, a View cursor follows the pointer over image cards, and on phones the menu opens full screen. Visitors who set their device to reduce motion see the site without the load and scroll animations. The motion runs from a snippet in Site Settings that you can switch off."}]},{"type":"paragraph","content":[{"type":"text","text":"Editing"}]},{"type":"paragraph","content":[{"type":"text","text":"Colors and type are shared styles, so a change reaches every page. Nav, Nav Phone and Footer are components. Layouts are set for desktop, tablet and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts and media"}]},{"type":"paragraph","content":[{"type":"text","text":"Urbanist for headings, Public Sans for text and an Instrument Serif italic accent word. The demo photos and videos are free-license images from Unsplash and Pexels, there to show the layout. Replace them with your own work before you publish."}]}]},"introduction":"Site for photographers and studios","slug":"lumen-photo-studio","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112d7-2479-7314-87eb-0889659eac50.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1280,"height":960}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112f3-e9eb-71e5-a4c8-efe8278868d0.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112f4-2d1f-753a-811a-589db900d661.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112f4-8d44-70ad-9457-4780e0ecca3d.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a112f4-e806-7742-8378-93caf76b5a02.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T20:46:49.760Z","updatedAt":"2026-10-06T20:46:49.760Z","publishedAt":"2026-10-06T20:46:49.758Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"149","paymentUrl":"https://buy.stripe.com/bJe8wQ2Mtceb0l685J5Rm0c","remixUrl":null,"previewUrl":"https://lumen-photo-studio.framer.website/","categories":[],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":17,"name":"Photography","slug":"photography"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T20:46:50.496Z","updatedAt":"2026-10-06T20:46:50.496Z","type":"post"},{"id":"01a107e9-a121-743e-9f19-96f38deec330","title":null,"body":"

Comparison Table Kit is live: plan and feature comparison tables for Framer, with a billing toggle, collapsible categories, tooltips and a sticky header.

Preview and full guide: https://studionope.framer.website/comparison-matrix-pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Comparison Table Kit is live: plan and feature comparison tables for Framer, with a billing toggle, collapsible categories, tooltips and a sticky header."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview and full guide: "},{"type":"text","text":"https://studionope.framer.website/comparison-matrix-pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://studionope.framer.website/comparison-matrix-pro","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gZkd9basTMAXeywrsfSq","resolved":true,"title":"Comparison Table Kit","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Compare plans side by side","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Comparison Table Kit lays out plans or products in columns and features in grouped rows. Each value is a checkmark, a cross, a dash for partial, or your own text such as \"Up to 5\" or \"10 GB\". It drops in with sample plans and a finished style, so you replace the content and publish."}]},{"type":"paragraph","content":[{"type":"text","text":"Billing toggle","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Switch between two prices per plan, for example monthly and yearly, with an optional discount badge. You choose which period shows first."}]},{"type":"paragraph","content":[{"type":"text","text":"Collapsible categories","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Group features under category rows that visitors can fold open and closed. Start any group folded to keep long tables short."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlight a plan","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Mark a column as featured to tint it from header to bottom button, add a badge like \"Most Popular\", and give its button the filled style."}]},{"type":"paragraph","content":[{"type":"text","text":"Tooltips","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add a short explanation to any feature. It shows on hover and on keyboard focus, stays inside the screen, and Escape closes it."}]},{"type":"paragraph","content":[{"type":"text","text":"Sticky header","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"On long tables the plan names, prices and buttons stay pinned at the top while visitors scroll, then slide away at the end of the table."}]},{"type":"paragraph","content":[{"type":"text","text":"Works on every screen","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Breakpoints follow the width of the component. On phones the feature column stays in place while the plans scroll sideways."}]},{"type":"paragraph","content":[{"type":"text","text":"Your design","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts, colours, sizes, spacing, corner radius, shadows, stripes and hover states are all in the properties panel. Plan icons come from Framer's Phosphor and Feather sets."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard and screen readers","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every button, option, category and tooltip is reachable with the keyboard and shows a focus ring. Screen readers hear the selected billing period, which categories are open and each tooltip."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link, drop it on a page and set Width to Fill. The full guide is on the preview page."}]}]},"introduction":"Plan and feature comparison table","slug":"comparison-table-kit","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a107e9-712b-7299-967d-da53a6605fd9.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1280,"height":960}}],"post":null,"createdAt":"2026-10-04T17:15:13.363Z","updatedAt":"2026-10-04T17:15:13.363Z","publishedAt":"2026-10-04T17:15:13.360Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studionope.framer.website/comparison-matrix-pro","price":"35","paymentUrl":"https://buy.stripe.com/fZu3cw4UBcebgk4gCf5Rm0b","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"B2FtNUbchzoYmtLFLLr9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T17:15:14.081Z","updatedAt":"2026-10-04T17:15:14.081Z","type":"post"},{"id":"01a10763-859a-763a-a99c-32ea0dfab088","title":null,"body":"

Hero Banner Pro is on the Framer Marketplace: one hero section with image and video backgrounds, a carousel mode, Framer form slots and a live countdown, all set from the properties panel.

Preview and full guide: https://studionope.framer.website/hero-banner-pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Banner Pro is on the Framer Marketplace: one hero section with image and video backgrounds, a carousel mode, Framer form slots and a live countdown, all set from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview and full guide: "},{"type":"text","text":"https://studionope.framer.website/hero-banner-pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://studionope.framer.website/hero-banner-pro","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aMr8ZG61qRBrsIuz6YFK","resolved":true,"title":"Hero Banner Pro","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A hero and banner section for Framer. Use it as a full-height landing hero, a lead-gen banner with a form, a launch countdown, a sale banner or a simple section header. Every color, font, spacing value and animation is a property control, so there is no CSS to write."}]},{"type":"paragraph","content":[{"type":"text","text":"Backgrounds","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Solid color, gradient, image or video, from a URL or an uploaded file. An overlay color or gradient keeps text readable, and image and video backgrounds can drift with the scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Carousel","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Switch to carousel mode and stack slides. Each slide has its own background, colors, alignment, buttons, form and countdown. Slide or fade transitions, autoplay with a pause button, arrows, dots and swipe."}]},{"type":"paragraph","content":[{"type":"text","text":"Forms","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Connect your own Framer forms and show one below the copy or beside it as a card. The card, labels, inputs and submit button take their styles from the panel, or keep your form's own design."}]},{"type":"paragraph","content":[{"type":"text","text":"Countdown","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Count down to a launch, sale or event in the visitor's time zone, with your own labels and an expired message."}]},{"type":"paragraph","content":[{"type":"text","text":"Typography and buttons","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A font, size and color for the eyebrow, heading, subheading, buttons, form and countdown. Primary and secondary buttons with their own colors, hover colors, borders, radius and padding."}]},{"type":"paragraph","content":[{"type":"text","text":"Animation","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fade, slide or scale entrances with a stagger, a letter-by-letter heading and a scroll-down arrow. Visitors who prefer reduced motion see everything at once."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fluid type and padding, and tablet and mobile breakpoints that follow the component's own width, so Framer's tablet and phone frames show the right layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your project, drop it on a page and set Width to Fill. It arrives with a ready-made default hero. The guide on the preview page covers every setting."}]}]},"introduction":"Heroes with forms and countdowns","slug":"hero-banner-pro","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a10763-3b3e-70a9-b4ab-5a58eb8e4219.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1280,"height":960}}],"post":null,"createdAt":"2026-10-04T14:48:43.137Z","updatedAt":"2026-10-04T15:45:27.471Z","publishedAt":"2026-10-04T14:48:43.123Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studionope.framer.website/hero-banner-pro","price":"35","paymentUrl":"https://buy.stripe.com/aFa00k72Jdifc3O4Tx5Rm08","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"msURzmtzH0abXcQLT7Sn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T14:48:45.210Z","updatedAt":"2026-10-04T14:48:45.210Z","type":"post"},{"id":"01a1075c-a86b-707f-a9e0-0b5e156d0fcd","title":null,"body":"

ROI Calculator Kit is on the Framer Marketplace: build sliders, toggles and formulas in the properties panel and get a calculator visitors can share as a link.

Six example calculators and the full guide: https://studionope.framer.website/roi-calculator-pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ROI Calculator Kit is on the Framer Marketplace: build sliders, toggles and formulas in the properties panel and get a calculator visitors can share as a link."}]},{"type":"paragraph","content":[{"type":"text","text":"Six example calculators and the full guide: "},{"type":"text","text":"https://studionope.framer.website/roi-calculator-pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://studionope.framer.website/roi-calculator-pro","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qarwhHfhnkMzNnyptGtE","resolved":true,"title":"ROI Calculator Kit","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Build your own calculator in the properties panel"}]},{"type":"paragraph","content":[{"type":"text","text":"Add sliders, number fields, dropdowns, toggles and read-only values, then write the formulas that turn them into results. Savings, pricing, payback, hiring cost or energy use: the maths is yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Formulas","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use {field_id} for any input, constant or earlier result, with + - * / %, parentheses, comparisons, conditions and round, floor, ceil, abs, min, max and if. Results can build on each other, so one calculator can run a whole chain. A parser reads the formulas; nothing runs as code."}]},{"type":"paragraph","content":[{"type":"text","text":"Results","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Each result has its own format: currency with your symbol, number, percent or decimal, with 0 to 4 decimal places. Values count up when an input changes and appear at once for visitors who prefer reduced motion. Mark one card as primary to highlight it."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharing","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The page address follows the inputs, and the share button copies a link that opens the calculator with the same values. Several calculators on one page keep their own values."}]},{"type":"paragraph","content":[{"type":"text","text":"Lead capture","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Connect a Framer form and show it on page load, after the first change or when the visitor clicks a button under the results."}]},{"type":"paragraph","content":[{"type":"text","text":"Design","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Side by side or stacked, four panel ratios, one to four result columns, section titles for grouped inputs, tooltips, Phosphor and Feather icons, any font, and color and size controls for every part. It adapts to its own width, so it works in a full section or a narrow column."}]},{"type":"paragraph","content":[{"type":"text","text":"Six demo layouts and a full setup guide are on the preview page."}]}]},"introduction":"Build any calculator, no code","slug":"roi-calculator-kit","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a1075c-8031-7346-9c7a-bedfe742b96a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1280,"height":960}}],"post":null,"createdAt":"2026-10-04T14:41:14.725Z","updatedAt":"2026-10-04T16:06:29.060Z","publishedAt":"2026-10-04T14:41:14.721Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studionope.framer.website/roi-calculator-pro","price":"50","paymentUrl":"https://buy.stripe.com/7sY4gAfzffqn0l685J5Rm09","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"tjfETtvrBuu3O1Hr98oc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T14:41:15.371Z","updatedAt":"2026-10-04T14:41:15.371Z","type":"post"},{"id":"01a106d4-00a5-771e-a5f8-7ca75f90eff3","title":null,"body":"

Resource Library Pro is out for Framer: a filterable library for guides, reports and downloads, with search, grid and list views and a detail drawer. All edited from the properties panel. Preview: https://studionope.framer.website/resource-library-pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Resource Library Pro is out for Framer: a filterable library for guides, reports and downloads, with search, grid and list views and a detail drawer. All edited from the properties panel. Preview: "},{"type":"text","text":"https://studionope.framer.website/resource-library-pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://studionope.framer.website/resource-library-pro","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wbIZzih0VYCf1R3IIn1Z","resolved":true,"title":"Resource Library Pro","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A resource library for Framer sites: guides, reports, templates and downloads in one filterable grid. Visitors filter by category, search as they type and open any resource in a side drawer. Built and edited from the properties panel. No code."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on your page, set Width to Fill, and it works straight away with demo resources you can replace."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can build","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A downloads hub for guides, e-books and whitepapers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A case study or report library with category filters."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A template or toolkit page with free and gated items."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A dark or light resource centre that matches your brand."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Category filters are built from your resources automatically. Search filters as you type. Switch between grid and list view. Cards open the detail drawer, go straight to the link, or do nothing. The drawer shows the image, badges, full description, details and the download button. Free and Gated badges show what needs an email."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Attach files with Framer's file picker so the button downloads them. Open in new tab and No follow on every link. Pick any font with Framer's font picker. Optional structured data helps search engines read your resources."}]},{"type":"paragraph","content":[{"type":"text","text":"Styling","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every part has its own style group: header, filters, search, cards, badges, buttons, drawer and colours, spacing, radius and shadows."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard access to filters, cards and the drawer, focus that stays in the drawer and returns when it closes, and reduced-motion support. On phones the filters scroll sideways so every option stays reachable."}]},{"type":"paragraph","content":[{"type":"text","text":"The preview page has the full setup guide and every setting explained."}]},{"type":"paragraph","content":[{"type":"text","text":"One licence covers unlimited personal and client sites. Support: "},{"type":"text","text":"hello@studionope.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@studionope.com","target":"_blank"}}]}]}]},"introduction":"Filterable resources with search","slug":"resource-library-pro","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a106d3-56ae-72b7-9efa-4b8a5f34c32f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1280,"height":960}}],"post":null,"createdAt":"2026-10-04T12:11:58.819Z","updatedAt":"2026-10-04T15:43:12.514Z","publishedAt":"2026-10-04T12:11:58.816Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studionope.framer.website/resource-library-pro","price":"45","paymentUrl":"https://buy.stripe.com/eVq9AUbiZ4LJaZK2Lp5Rm07","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"eO2NKsWqjbQbA7cxg3G8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T12:11:59.525Z","updatedAt":"2026-10-04T12:11:59.525Z","type":"post"},{"id":"01a106b5-3e77-71d7-b0b4-e971112a4cdb","title":null,"body":"

Mega Menu Pro is out for Framer: dropdowns, multi-column mega menus, tabs, sidebars and a full mobile menu, all edited from the properties panel. Preview: https://studionope.framer.website/mega-menu-pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega Menu Pro is out for Framer: dropdowns, multi-column mega menus, tabs, sidebars and a full mobile menu, all edited from the properties panel. Preview: "},{"type":"text","text":"https://studionope.framer.website/mega-menu-pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://studionope.framer.website/mega-menu-pro","target":"_blank"}}]}]}]},"author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mfvVcb8w7XmYId9C2FnJ","resolved":true,"title":"Mega Menu Pro","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A navigation component for Framer sites that need more than a row of links. Build simple links, dropdown lists and multi-column mega menus from the properties panel. No code."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on your page, set Width to Fill, and it works straight away with demo items you can edit."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can build","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega menus with up to 5 columns, as a grid or tabs, with featured posts, promo banners, a video, a product carousel or a Framer form in the sidebar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transparent or frosted glass headers that shrink on scroll."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark navigation with gradient or image backgrounds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-open menus for touch screens."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Branded buttons in primary, secondary and ghost styles."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Icons from Phosphor or Feather, picked from a list. Badges like New, Beta or your own text. Search through Framer's own Search component. A language switcher that reads your Framer Localization locales. Forms through Framer's native forms. Open in new tab and No follow on every link."}]},{"type":"paragraph","content":[{"type":"text","text":"Behaviour","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sticky or static, shrink on scroll, transparent on top. Hover or click to open. Five dropdown animations. Separate tablet and mobile breakpoints and a full mobile panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Styling","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every part has its own style group: bar, links, dropdowns, items, columns, sidebar, badges, buttons, mobile panel and global colours, spacing, radius and shadows. Any font via Framer's font picker."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Full keyboard navigation, ARIA states and reduced-motion support. Neutral black, white and grey defaults that fit any brand."}]},{"type":"paragraph","content":[{"type":"text","text":"The preview page has the full setup guide and every setting explained."}]},{"type":"paragraph","content":[{"type":"text","text":"One licence covers unlimited personal and client sites. Support: "},{"type":"text","text":"hello@studionope.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@studionope.com","target":"_blank"}}]}]}]},"introduction":"Mega menus, tabs & mobile nav","slug":"mega-menu-pro","author":{"framerUserId":"ef2bb5d0-8e59-43b7-be65-c14c5f941c99","name":"Studio Nope","slug":"studionope","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/1pps4zib","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a106af-f639-730a-bdf7-3c90a60b42d7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1280,"height":960}}],"post":null,"createdAt":"2026-10-04T11:38:23.078Z","updatedAt":"2026-10-04T15:40:25.238Z","publishedAt":"2026-10-04T11:38:23.063Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studionope.framer.website/mega-menu-pro","price":"50","paymentUrl":"https://buy.stripe.com/00w4gA86N3HF0l6gCf5Rm06","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"YugoxaB9eqRAWWb34H1x","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-10-04T11:38:23.735Z","updatedAt":"2026-10-04T11:38:23.735Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]