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

Nuance 2.0 - Product Designer Portfolio Template

Nuance 2.0 is a modern portfolio template built for product designers, UI/UX designers, creative professionals, and digital studios. It combines strong typography, soft gradients, responsive layouts, and interactive details to help you showcase your work beautifully.

Key Features

Responsive desktop, tablet, and mobile layouts
Reusable navigation, footer, cards, buttons, and sections
Homepage with introduction, services, selected work, skills, testimonials, FAQ, and contact
Dedicated Works page with CMS-powered projects
Flexible case-study pages for process, research, wireframes, visual design, and outcomes
Image galleries and large project visuals
About page with biography, experience, skills, hobbies, and personal details
Interactive FAQ with expandable questions
Contact form with name, email, subject, and message
Customizable project categories, tags, descriptions, images, and links
404 page and SEO-ready site metadata
Favicon and social sharing image support
Smooth transitions, hover effects, sliders, tickers, and micro-interactions

Best For

Product & UX/UI designers
Freelance designers
Design studios & digital agencies
Creative developers
Students building professional portfolios

Customization

Easily replace profile content, projects, images, testimonials, services, skills, experience, and contact details. With CMS-powered projects, you can add and manage new work without rebuilding the layout.

Nuance 2.0 gives you a polished foundation to present your design process, showcase finished work, and make a strong impression on potential clients and employers.

Support

For customization help, contact design@vikramuiux.com.

53:T55e,

Hey, new component out - Premium Mobile Mockup.

If you're still building phone mockups in Photoshop or Figma, you're exporting a dead PNG. Screenshot changes, you redo the whole thing. Wrong ratio, re-crop, re-export, re-upload.

This one is live on the page.

Live means live

Got a long screenshot? It actually scrolls inside the frame on your published site. Pause, reverse or loop, pauses on hover, and visitors can drag to scrub through it themselves.

Got a video instead? Upload it and it plays inside the phone. Speed from 0.5x to 4x, volume, mute toggle, native controls if you want them.

The rest of it

Frame fits your screenshot, set Height to Fit and it resizes to whatever you upload, no cropping Status bar that switches iOS or Android based on the device presets including iOS, Android and Generic Real bezel measurements, with the metal rail and black bezel as separate layers Three finishes matte, brushed, polished and the metal keeps its hue when you recolour it Reflection, 3D tilt, shadow, glare, side buttons

Who it's for

App landing pages, SaaS heroes, product feature sections, and anyone shipping client sites who doesn't want a static mockup baked into an image.

Get the component from the comment box

54:T4a2,

Hey, new component out - Premium Mobile Mockup.

If you're still building phone mockups in Photoshop or Figma, you're exporting a dead PNG. Screenshot changes, you redo the whole thing.

This one is live on the page.

Live means live

Got a long screenshot? It actually scrolls inside the frame on your published site. Pause, reverse or loop, pauses on hover, and visitors can drag to scrub through it themselves.

Got a video instead? Upload it and it plays inside the phone.

The rest of it

Frame fits your screenshot, set Height to Fit and it resizes to whatever you upload, no cropping Status bar that switches iOS or Android based on the device Six presets including iPhone 17 Pro, plus Android and Generic Real bezel measurements, with the metal rail and black bezel as separate layers and the metal keeps its hue when you recolour it Reflection, 3D tilt, shadow, glare, side buttons

Who it's for

App landing pages, SaaS heroes, product feature sections, and anyone shipping client sites who doesn't want a static mockup baked into an image.

55:T8cf,

Introduction

Check how the component works

Most mockups crop your screenshot to fit the frame. This one resizes the frame to fit the screenshot. Tall screens auto-scroll. Six presets, measured bezels, real metal finishes, iOS and Android status bars, image or video. $6.

What you get

Fit to media — frame sizes itself to your screenshot or video ratio
Auto scroll — long screens scroll in view, with pause, reverse or loop, plus hover-pause and drag-to-scrub
Status bar — clock, signal, wifi and battery, iOS layout on iPhone presets and Android on the rest
Six presets — iPhone 17 Pro and Pro Max, 15 Pro Max, iPhone 14, Android, Generic
Measured bezels — real teardown figures, with the metal rail and black bezel as separate layers
Three finishes — Matte, Brushed with directional grain, Polished. Recolour the rail and the metal stays metal
Reflection — length, strength, fade and gap as separate controls
Video — native controls, mute toggle, volume, 0.5x–4x speed
3D tilt, shadow, glare, camera and side buttons, each toggleable.

Setup. Drop it in, upload a screenshot, set Height to Fit. That is all. Width is fluid and everything inside scales with it, so set the width and the proportions hold.

Accessibility. The mockup is labelled as a single image rather than announcing decorative chrome, auto-scroll and video stop for visitors who prefer reduced motion, and the sound toggle is keyboard reachable.

Best for app landing pages, product heroes and feature sections. Not for multi-device compositions or perspective scenes, this is one device, rendered properly.

Updates: New device presets on request; the device table is plain data, so adding one is a small change. Report a bug and it gets fixed.

56:T404,

"Hover a card and two tilted media previews fan out, trailing your cursor. Each slot holds an image or video, your choice, set independently. Mobile locks the previews visibly in place. Customizable title, link, radius, and media per card."

Why It's Different

Upload an image or a video into the same media slot, no separate control for each. Two slots per card, mixed freely. Nothing else in this category does that.

How It Works

Add a title, a link, and up to two media files, image or video, either works in either slot. Hover on desktop tilts and trails both previews with the cursor. On mobile, both previews stay permanently visible in a stacked layout, no hover needed.

What's Included

Free, no-code Framer component, ready to drop in
Desktop and mobile layouts, both included
Same-slot image or video upload, auto-detected
Title, link, and corner radius controls

57:T595,

A major update packed with new features and refinements based on real customer feedback. Here's what's new:

✨ New

Manual yearly pricing - set exact annual prices per plan instead of only auto-calculating from a discount %

Custom price text per plan (e.g. "Free," "Contact us") instead of requiring a number

CTA button now hides automatically on free plans (custom text with "free," or $0 price)

Strikethrough original price shown next to the discounted yearly price

Custom toggle labels - "Monthly"/"Yearly" text is now editable

Card shadow control (None / Soft / Medium / Strong)

Section padding controls (top/bottom and left/right, independently adjustable)

🔧 Fixed

Minor bugs fixed and code cleanup

Removed "Marketing Mode" toggle - yearly billing now always shows the full annual total automatically

Existing customers get this update for free - just grab the latest Component URL from your delivery file or reinstall from the Marketplace. As always, reach out at design@vikramuiux.com if you run into anything.

58:T613,

Particle Dot Cloud

Turn any SVG or image into a living field of dots that holds its exact colors and reacts to the cursor.

What you get:

Exact color sampling — dots keep the source's true colors. White stays white, gradients stay true, no flat recoloring.
Any source — drop in an SVG, PNG, JPG, or WebP and the shape rebuilds out of dots.
Cursor interaction — dots push aside, grow, and glow as the cursor moves through them.
Multi-layer parallax — depth layers shift at different rates on hover for a real sense of 3D.
Standalone idle drift — dots float gently at rest, with separate speed and amount controls.
Scatter-in reveal — dots fly in from off-frame the moment the section loads.
Performance built in — throttled, frame-capped loop with adaptive color batching for smooth motion.
Mobile auto-tuning — dot count scales down on small screens automatically.
Editor-ready — shows a clean placeholder on the canvas, never a blank or broken state.
24 grouped controls — Appearance, Advanced, and Behavior panels keep everything organized.

Best for hero sections, logo reveals, and about pages. Drop it on the canvas, upload your file, done.

59:T896,

Nuance is a premium Framer portfolio template for Product Designers and UX Designers who know that showing your thinking is what actually gets you hired.

Most portfolio templates are built for creatives who want to showcase polished screenshots. Nuance is built for designers who need to communicate process, depth, and decision-making in a way that resonates with recruiters, hiring managers, and product teams.

What makes Nuance different?

Built around process, not just visuals. Every case study follows a structured narrative: problem, research, ideation, wireframes, visual design, testing, and outcomes. The kind of depth that shows how you think, not just what you designed.

CMS-powered case studies. Add, update, and manage projects through Framer CMS without touching layouts. Your portfolio grows with your career without constant rebuilding.

Four complete dummy case studies included. Nuance ships with four examples across fintech, food delivery, HR, and travel. Personas, journey maps, user flows, wireframes, testing insights, and outcome metrics are included so you can see its full potential before replacing any content.

Dynamic Table of Contents. Long-form case studies include a floating Table of Contents that updates automatically.

Looks like you made it yourself. Grid references, bounding box cues, and a bento-style About section create a designer-crafted identity that doesn’t feel like an off-the-shelf template.

Documentation included. Every section is documented so you can customize confidently and launch quickly.

Nuance also includes a separate CMS collection for multidisciplinary work. Whether you create illustrations, photography, or other creative projects, you have a dedicated space to showcase them separately from your case studies.

Pages

Home, Works, Case Study Detail, Other Works, About Me, & 404.

Support

Have questions about setup or customization? Reach out at design@vikramuiux.com. I respond within 48 hours. The template is updated as Framer evolves.

5a:Tc93,

Smart Testimonial Component Overview Video

Two layouts. One powerful component.

SmartTestimonials gives you two display modes in a single drop: Split Photo places a full-bleed portrait beside your quote, while Quote-only keeps the focus entirely on the words. Switch between them instantly from the properties panel — no code, no rebuilding.

Built for real client work

Most testimonial components are static. SmartTestimonials is built to move. Slides transition with a smooth fade or slide animation, auto-play cycles through your reviews on a timer you control, and the whole thing pauses on hover so readers can actually finish a quote. Swipe works on mobile too.

What's inside

Two layouts — Split Photo (image left or right) and Quote-only, with automatic mobile stacking
Animated transitions — fade or slide, fully hardware-accelerated
Auto-play — configurable interval with pause-on-hover and swipe support
Star ratings — 1 to 5 stars with custom active and empty colors
20+ source badges — Google, Trustpilot, G2, Clutch, LinkedIn, Product Hunt, Tripadvisor, Capterra, and more. Custom source option included
Quote mark — built-in icon with color and size control
Word highlight — colorize specific words inside any quote to draw attention
Smart avatar — auto-sizes to match name and role height. Falls back to initials when no photo is uploaded
Dot navigation — windowed to 6 dots with edge fading when there are more slides. Or switch to a progress bar
Arrow buttons — with hover states and mobile tap feedback
Up to 20 testimonials — add, remove, and reorder from the array control
Full style control — background, padding, corner radius, fonts, colors, spacing — all from the panel

Responsive by default

The Split Photo layout detects the component's own width using a ResizeObserver and stacks vertically when it drops below your chosen breakpoint.

Who it's for

Agencies building client sites, SaaS landing pages, service businesses, portfolios — anyone who needs social proof that actually looks premium and works out of the box.

5b:Taa0,

Drop Interactive Drawing Canvas Component onto any page and let visitors draw, sketch, and fill shapes directly on your site. Works seamlessly across desktop and mobile with both touch and pointer input.

Includes a pencil tool with three styles, seven shape primitives, text with multiple fonts, dot grid, and an eraser with undo and redo support. The fill bucket works on any enclosed region bounded by strokes—not just predefined shapes.

Users can drag to select and move multiple elements together, creating a smooth and intuitive interaction experience.

What makes it different: every tool icon (pencil, eraser, fill, select, shapes, text, undo, redo, clear) supports custom SVG uploads directly in the property panel. The on-canvas cursor automatically updates to match—so every implementation can feel completely unique.

Features

Smooth drawing with three styles
Seven built-in shape tools
Fill bucket with real flood fill
Text tool with multiple fonts
Eraser tool
Multi-select via drag
Undo / Redo support
Dot grid background
Works on desktop and mobile
Custom color palette (up to 25 colors)
Adjustable toolbar position and scale
Custom icon system with matching cursors

Use it for

Hero sections
404 pages
Portfolio interactions
Playful UI experiences
Any place where you want users to engage and interact with your website

Changelog

1.0.0 — Initial releaseDrawing, shapes, fill bucket with flood fill, text, eraser, multi-select, custom icons with cursor swap, mobile support.

Future Updates

This component will continue to evolve with new features, improvements, and refinements based on feedback. Purchasing now gives you access to all upcoming updates as the component grows.For support : design@vikramuiux.com

5c:Tf17,

How the Table of Contents Component Works

Description:

Drop this component on any long-form page and it builds a working table of contents from your actual headings, no selectors to type, no CMS fields to wire up, no manual anchor links. It reads H2, H3, and H4 from the live DOM the moment the page loads and stays in sync as your content changes.

Two layouts, one component

On desktop it renders as a clean card, designed to sit in a sticky sidebar column. On mobile, below your chosen breakpoint, the sidebar disappears and a floating pill button appears fixed at the bottom center of the screen. The pill always shows the name of the section the reader is currently in. Tapping it opens a smooth bottom drawer with the full heading list. Tap any item, it scrolls there and closes the drawer. No extra setup for mobile, it just works.

Everything is customizable from the Properties panel

Background, border, and all text colors
Active text color and indicator bar color
Hover background for desktop
Title label, title size, and font (any Google Font by name, auto-loaded)
Scroll offset to account for your navbar height
Smooth scroll toggle
H2, H3, and H4 each have their own size, weight, indent, and inactive color
Mobile breakpoint, pill background color, and pill text color
The drawer automatically inherits desktop colors, nothing to set twice

Setup (30 seconds):

Drop this component anywhere on your page.
Select the Frame that wraps your article content (H2/H3/H4s, paragraphs, images).
Open Accessibility → set Tag to main, article, or section.
Publish.

Why $5

Every other TOC component on the marketplace is either free (no mobile behavior) or $7 to $15 (with configurations that require pointing at selectors or connecting CMS fields). This one does more out of the box and costs less than any of the paid alternatives. The price is low because the goal is volume, more designers using it means more feedback, better updates, and a better component for everyone over time.

What you get

Full source code, copy to any Framer project
Desktop sticky sidebar
Mobile floating pill and bottom drawer
Per-heading-level controls for H2, H3, H4
Any Google Font supported
Smooth scroll with configurable offset
Informative editor placeholder so you always know what to expect in Preview
Future updates included

Best for: Blogs, Articles, UX case study portfolios, documentation pages, changelogs, and any page where a reader benefits from knowing where they are.

5d:Ta22,

SaaS Pricing Cards

A complete SaaS pricing section in one component. Cards, billing toggle, yearly savings, feature lists, comparison table and currency switching, all from the Properties panel.

See How It Works https://youtu.be/eLoKtdJyO7I

Why Buy

Most pricing components give you cards, or a toggle, or a calculator. This gives you the whole section in one drop, and it stays in sync: the comparison table builds itself from your feature lists, so you never maintain the same features twice. Everything updates live in the editor.

New in 3.0

7 designed styles, including real Liquid Glass with a cursor-following highlight
Comparison table built from your feature lists, inheritance handled
Live currency switching from daily rates, manual rates as fallback
Seat pricing in 4 styles: slider, ticks, chips, stepper
Mobile tabs or swipe, opening on your highlighted plan
Decimals like 9.99, locale formatting, separate yearly checkout links

Features

Plans

Up to 4 plans, 50 features each, with tooltips
Feature lists stay with their plan when reordered
Custom price text: Free, Contact us, Custom
Per-plan button, labels, links, note

Billing

Monthly and yearly toggle with rolling numbers
Auto discount or manual yearly prices
Savings badge, strikethrough, billing line
Per month or annual total display
48 base currencies, visitor switcher

Design

Highlight effects: beam, border, glow
Button hover: lift, glow, shine
Color, radius, shadow, alignment control

Layout

Desktop row, mobile tabs, swipe or stack
Spacing, padding, width, editable labels
WCAG AA contrast, keyboard support
130+ properties

Includes

Full TypeScript source code
Editor guide for your first plan
Free updates: Framer API fixes, requested properties, bug fixes

Upgrading from 2.0

Free update. The settings structure changed, so after updating: re-add your plans once, pick a style under Presets, and set custom button colors again.

Support: design@vikramuiux.com

5e:T9a1,

Bento Grid Overview

About this Component

Bento Image Grid gives you 30 ready-to-use layout presets across 6 different item counts (3 to 8 images). Pick a preset, connect your images, done. No layout math, no manual spanning.

What's inside

30 desktop presets, 5 per item count (3-8 images)
Built-in Lightbox - one toggle, no extra setup
Hover scale on every cell, clipped cleanly inside the border radius
Dedicated mobile layout mode (alternating 1-col or 2-col rhythm)
Gap, corner radius, border width, border color, and cell background controls
8 CMS-bindable image slots with per-slot position control

Setup

Drop the component, set a fixed width and height
Set Items (3-8) and pick a Preset (1-5)
Connect images to the slots
Test lightbox in Preview

Lightbox controls

Toggle it on and get: nav arrows, keyboard shortcuts (arrow keys + Escape), image counter, backdrop color, max width cap, and 3 open animation styles (Spring, Ease, Linear).

When not to use this

If your bento grid mixes images with text cards, stat blocks, or icon tiles, this is not the right fit. It is purpose-built for image-only layouts.

What you get

Full TypeScript source, 30 presets, built-in lightbox, mobile layout engine, 18 customizable properties. For support contact design@vikramuiux.com and I'll get back to you.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-0ae2481a-d862-4f17-86a7-d8b9373e7666-all:/unified/creator/0ae2481a-d862-4f17-86a7-d8b9373e7666/activity/":[{"data":[{"id":"01a0fc65-b81d-7479-bf71-3ff943be91b4","type":"comment.reply","target":{"type":"post","id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","preview":"Nuance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":103,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0fc65-b809-7461-91c8-cda81361fabc","preview":"Thank you Aidan!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Aidan!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0f902-0e7a-70ec-bddb-1b52a026b362"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T11:35:19.837Z","latestAt":"2026-10-02T11:35:19.837Z"},{"id":"01a0fc65-32ab-719b-abdc-94431d18f751","type":"comment.liked","target":{"type":"comment","id":"01a0f902-0e7a-70ec-bddb-1b52a026b362","preview":"Repeating the orange accent in the portrait and small stat markers makes the split hero feel cohesive. The separate stats column is a smart use of the space.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Repeating the orange accent in the portrait and small stat markers makes the split hero feel cohesive. The separate stats column is a smart use of the space."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f902-0e7a-70ec-bddb-1b52a026b362"},"repost":null}},"context":{"type":"post","id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","preview":"Nuance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":103,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T11:34:45.667Z","latestAt":"2026-10-02T11:34:45.667Z"},{"id":"01a0ce50-3608-756a-bbc5-3eac912ae615","type":"comment.reply","target":{"type":"post","id":"01a0ce44-a946-738d-89e9-b3c820af5655","preview":"SaaS Pricing Cards 3.0 is out 🎉\nThe biggest update since launch. It's now a full pricing section, not just cards.\nWhat's new → 7 designed styles, including real Liquid Glass with a highlight that follows your cursor → A comparison table that builds itself from your feature lists, inheritance handled → Live currency switching from daily exchange rates, no API key → Seat pricing in 4 styles: slider, ticks, chips, stepper → Mobile tabs or swipe instead of stacked cards → Decimals like 9.99, locale formatting, separate yearly checkout links\n130+ properties, all in the Properties panel. No code.\nFree update for everyone who already owns it. After updating, re-add your plans once, since the settings structure changed.\nSee it in action:","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Pricing Cards 3.0 is out ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"The biggest update since launch. It's now a full pricing section, not just cards."}]},{"type":"paragraph","content":[{"type":"text","text":"What's new","marks":[{"type":"bold"}]},{"type":"text","text":" → 7 designed styles, including real Liquid Glass with a highlight that follows your cursor → A comparison table that builds itself from your feature lists, inheritance handled → Live currency switching from daily exchange rates, no API key → Seat pricing in 4 styles: slider, ticks, chips, stepper → Mobile tabs or swipe instead of stacked cards → Decimals like 9.99, locale formatting, separate yearly checkout links"}]},{"type":"paragraph","content":[{"type":"text","text":"130+ properties","marks":[{"type":"bold"}]},{"type":"text","text":", all in the Properties panel. No code."}]},{"type":"paragraph","content":[{"type":"text","text":"Free update","marks":[{"type":"bold"}]},{"type":"text","text":" for everyone who already owns it. After updating, re-add your plans once, since the settings structure changed."}]},{"type":"paragraph","content":[{"type":"text","text":"See it in action: "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0ce44-a946-738d-89e9-b3c820af5655","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0ce50-35da-7749-9290-90c15692ca4d","preview":"Thank you Matt :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Matt :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0ce44-a946-738d-89e9-b3c820af5655","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0ce4b-c248-750a-9406-fb77cde8f61c"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-23T12:49:18.344Z","latestAt":"2026-09-23T12:49:18.344Z"},{"id":"01a09930-b8e6-772b-a302-acd32cf8f1fa","type":"comment.liked","target":{"type":"comment","id":"01a097fa-8bae-71b9-9ace-d0a58b79c7b8","preview":"The responsive composition feels really polished.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The responsive composition feels really polished."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a097db-85ea-763f-99b0-e1418bfe2fed","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a097fa-8bae-71b9-9ace-d0a58b79c7b8"},"repost":null}},"context":{"type":"post","id":"01a097db-85ea-763f-99b0-e1418bfe2fed","preview":"Nuance 2.0 - UI UX","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a097d5-1b5f-7528-bfeb-d5cea2d545d8.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a097db-85ea-763f-99b0-e1418bfe2fed","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T05:15:02.240Z","latestAt":"2026-09-13T05:15:02.240Z"},{"id":"01a097db-87ea-71fa-afc1-bdcf7e9a37fc","type":"template.created","target":{"type":"template","id":"72942","preview":"Nuance 2.0 - UI UX","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a097d5-1b5f-7528-bfeb-d5cea2d545d8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-12T23:02:21.930Z","latestAt":"2026-09-12T23:02:21.930Z"},{"id":"01a0623d-67d0-76ef-8ff7-eec815b12da9","type":"post.liked","target":{"type":"post","id":"01a05dd2-989e-732a-b7b2-87caa6b1235f","preview":"100 remixes on my first Framer template — Kashpr 🎉\nFrom 0 to 100 — this feels pretty special.\nOne small milestone. More to come. 🫰🏻\nThank you to everyone who remixed it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"100 remixes on my first Framer template — Kashpr ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"From 0 to 100 — this feels pretty special."}]},{"type":"paragraph","content":[{"type":"text","text":"One small milestone. "},{"type":"text","text":"More to come.","marks":[{"type":"bold"}]},{"type":"text","text":" 🫰🏻"}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you to everyone who remixed it!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81571d93-6329-4c19-992f-9bacdf235c1f/01a05dd2-4811-71ea-a50a-e34d0705ca7d.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a05dd2-989e-732a-b7b2-87caa6b1235f","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T13:09:46.564Z","latestAt":"2026-09-02T13:09:46.564Z"},{"id":"01a04cb3-b3cb-76be-905a-1b4a2638511b","type":"comment.reply","target":{"type":"post","id":"01a04cae-d812-7747-a102-4883b218de6b","preview":"One month ago, I shared my first $45 commission from my Framer template.\nToday, I’ve made $169 in commissions in just the last 30 days, from that single template. 🚀\nThe template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me.\n$169 may not sound like much, but this milestone means a lot. Just getting started. ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One month ago, I shared my first $45 commission from my Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"Today, I’ve made $169 in commissions in just the last 30 days, from that single template. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"The template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me."}]},{"type":"paragraph","content":[{"type":"text","text":"$$169 may not sound like much, but this milestone means a lot. Just getting started. "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a04cae-bca7-713c-9670-ec6e4ba14d10.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a04cae-d812-7747-a102-4883b218de6b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04cb3-b3af-754b-b67a-fde5d6ef6a02","preview":"Thank you, Your Honor!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you, Your Honor! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a04cae-d812-7747-a102-4883b218de6b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a04cb1-09d0-76f8-aec8-94e35785a7a0"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T08:47:20.523Z","latestAt":"2026-08-29T08:47:20.523Z"},{"id":"01a04cb1-e5bd-72c8-bc50-766c7c172ee3","type":"comment.liked","target":{"type":"comment","id":"01a04cb1-09d0-76f8-aec8-94e35785a7a0","preview":"This is first milestone! Keep it up! There is huge faith in framer!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is first milestone! Keep it up! There is huge faith in framer!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a04cae-d812-7747-a102-4883b218de6b","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a04cb1-09d0-76f8-aec8-94e35785a7a0"},"repost":null}},"context":{"type":"post","id":"01a04cae-d812-7747-a102-4883b218de6b","preview":"One month ago, I shared my first $45 commission from my Framer template.\nToday, I’ve made $169 in commissions in just the last 30 days, from that single template. 🚀\nThe template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me.\n$169 may not sound like much, but this milestone means a lot. Just getting started. ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One month ago, I shared my first $45 commission from my Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"Today, I’ve made $169 in commissions in just the last 30 days, from that single template. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"The template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me."}]},{"type":"paragraph","content":[{"type":"text","text":"$$169 may not sound like much, but this milestone means a lot. Just getting started. "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a04cae-bca7-713c-9670-ec6e4ba14d10.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a04cae-d812-7747-a102-4883b218de6b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T08:45:22.233Z","latestAt":"2026-08-29T08:45:22.233Z"},{"id":"01a04370-7d1b-740b-bc8f-3da9a97f4e46","type":"comment.reply","target":{"type":"post","id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","preview":"Nuance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":103,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a04370-7cfb-77aa-99ef-e6bc3cc93830","preview":"Thank you! @Vyom UxUi","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! "},{"type":"mention","attrs":{"id":"c29a9ddd-1ff2-48b9-9dcd-f4e3beeff779","slug":"vyom-uxui","label":"Vyom UxUi","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a03573-81c4-76ec-90c2-44e2b44a1d7d"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T13:37:20.667Z","latestAt":"2026-08-27T13:37:20.667Z"},{"id":"01a022cf-b60e-73ba-a5a1-329c813ae9c3","type":"comment.reply","target":{"type":"post","id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","preview":"Nuance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":103,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a022cf-b5e8-721a-b889-c52804bd5df6","preview":"Thanks, Pranay! To modify the film grain, go to the Template page. In the Layers panel, find the component called “Film Grain” and click on it. You’ll then see the component’s properties in the panel on the right.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks, Pranay! To modify the film grain, go to the "},{"type":"text","text":"Template","marks":[{"type":"bold"}]},{"type":"text","text":" page. In the Layers panel, find the component called "},{"type":"text","text":"“Film Grain”","marks":[{"type":"bold"}]},{"type":"text","text":" and click on it. You’ll then see the component’s properties in the panel on the right."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a02290-7c9a-72df-9584-9e8f62db9f7f"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-21T05:33:53.038Z","latestAt":"2026-08-21T05:33:53.038Z"},{"id":"019ffc8f-dd39-75d5-bf30-dae4b1ddc9d0","type":"comment.reply","target":{"type":"post","id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","preview":"Nuance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":103,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ffc8f-dd13-77ce-af6c-a147930ba198","preview":"Please specify the background. Do you mean the animated film grain?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Please specify the background. Do you mean the animated film grain?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ffc21-fcef-765f-86fc-fbfd23d5bcd1"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-13T19:18:34.553Z","latestAt":"2026-08-13T19:18:34.553Z"},{"id":"019fead1-5d58-705d-9430-68429135bd53","type":"component.created","target":{"type":"component","id":"JKHoERRIbnwFFmABFx63","preview":"Premium MobileMockup","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019feabf-eddd-73ae-82bd-74f2f19009d2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-10T08:36:57.304Z","latestAt":"2026-08-10T08:36:57.304Z"},{"id":"019fbd34-cf0a-76bb-b22c-27a62ee5d48b","type":"comment.reply","target":{"type":"post","id":"019dd1a3-a0fb-7808-9d9f-7e0c0610494d","preview":"Bento Image Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019fac6b-9158-702d-980c-a8ae144f1808.png","targetDeleted":false,"owned":true,"actions":{"postId":"019dd1a3-a0fb-7808-9d9f-7e0c0610494d","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fbd34-ceeb-72ce-bbfb-5a73a7e94880","preview":"Yes Sir! it supports mobile. You can choose between 1-column vertical stacking or an alternating layout (2 cards → 1 card → 2 cards → 1 card...). Both layouts are fully responsive and can be switched based on your preference.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes Sir!","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"text","text":"it supports mobile. You can choose between 1-column"},{"type":"text","text":" vertical stacking","marks":[{"type":"bold"}]},{"type":"text","text":" or an "},{"type":"text","text":"alternating layout","marks":[{"type":"bold"}]},{"type":"text","text":" (2 cards → 1 card → 2 cards → 1 card...). Both layouts are fully responsive and can be switched based on your preference."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019dd1a3-a0fb-7808-9d9f-7e0c0610494d","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fbd04-f168-7447-a27e-a11f24602125"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T12:03:02.538Z","latestAt":"2026-08-01T12:03:02.538Z"},{"id":"019fb368-3142-7762-8732-ae6d206c6c57","type":"comment.created","target":{"type":"post","id":"019d447c-247b-74a2-a8d3-dcd6fd35b989","preview":"Meeko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/01a085b8-e10f-7292-a52b-603fee9a9e23.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019d447c-247b-74a2-a8d3-dcd6fd35b989","like":{"count":1165,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fb368-3112-77b8-a242-233ca60bee77","preview":"Pretty Good Design.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pretty Good Design. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d447c-247b-74a2-a8d3-dcd6fd35b989","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb368-3112-77b8-a242-233ca60bee77"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T14:22:57.858Z","latestAt":"2026-07-30T14:22:57.858Z"},{"id":"019fb363-27a9-745c-8632-0f0127968a74","type":"template.liked","target":{"type":"template","id":"61205","preview":"Meeko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/01a085b8-e10f-7292-a52b-603fee9a9e23.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-30T14:17:27.713Z","latestAt":"2026-07-30T14:17:27.713Z"},{"id":"019fac5c-700f-737f-a012-7d01c911622f","type":"post.liked","target":{"type":"post","id":"019fac55-294b-715f-86e3-93a04f0fa5d1","preview":"Love to see when money drop to wallet itself :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love to see when money drop to wallet itself :)"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c54d2f8-a9ec-4324-9649-3de835729e72/019fac54-c946-74b4-81fa-d7d530bef02e.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fac55-294b-715f-86e3-93a04f0fa5d1","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T05:32:46.987Z","latestAt":"2026-07-29T05:32:46.987Z"},{"id":"019fa578-6361-71cd-a9ef-2e063f04d689","type":"component.liked","target":{"type":"component","id":"24KyqEDfxg4nxqaSUBKV","preview":"3D Flipping Book","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/24KyqEDfxg4nxqaSUBKV/interactivebook-66RmvPIlrPpeOAZCWRZmcs5qpFKJ3T","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T21:25:58.234Z","latestAt":"2026-07-27T21:25:58.234Z"},{"id":"019fa577-bf5a-72ba-8a6c-efcac3c9f8dd","type":"component.liked","target":{"type":"component","id":"IGQynVCvWCwEEOahYmGQ","preview":"Pixel Distortion","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/668eb6a0-d4fa-4cb9-8d7c-202e2d47a32f/y69r856b","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T21:25:16.237Z","latestAt":"2026-07-27T21:25:16.237Z"},{"id":"019f9d8f-de6e-72cb-b45d-417b4f2b3753","type":"component.liked","target":{"type":"component","id":"QYEcGvEeKUnJZFRZbPKA","preview":"Eyes Follow Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QYEcGvEeKUnJZFRZbPKA/eyes-follow-cursor-2wPIVqIYcilchMEOiYPfMtcyAS56q4","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T08:34:39.327Z","latestAt":"2026-07-26T08:34:39.327Z"},{"id":"019f9a88-7a72-7158-b4d6-79e664c7f3ba","type":"comment.created","target":{"type":"post","id":"019d77e9-be67-706d-a6c1-948b67f7ac38","preview":"Henna","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61858/henna-gkIyrSvSLR1BYkhsALvVNPTT2QsTCn","targetDeleted":false,"owned":false,"actions":{"postId":"019d77e9-be67-706d-a6c1-948b67f7ac38","like":{"count":115,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f9a88-7a5e-76fe-be77-c234cf607918","preview":"Pretty Good!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pretty Good!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d77e9-be67-706d-a6c1-948b67f7ac38","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f9a88-7a5e-76fe-be77-c234cf607918"},"repost":null}},"actors":[{"id":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","slug":"arunvikram-s","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-25T18:27:43.345Z","latestAt":"2026-07-25T18:27:43.345Z"}],"pagination":{"next":"MjAyNi0wNy0yNVQxODoyNzo0My4zNDVafDAxOWY5YTg4LTdhNzItNzE1OC1iNGQ2LTc5ZTY2NGM3ZjNiYQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0ae2481a-d862-4f17-86a7-d8b9373e7666:/unified/posts/?creator=0ae2481a-d862-4f17-86a7-d8b9373e7666&with=reposts":[{"data":[{"id":"01a10aa9-f576-718f-92b1-c5828d81f97b","title":null,"body":"

Framer Marketplace isn’t dead. At least not for me.

I agree that component sales seem pretty much dead right now. I have around 10 components, and until July. They were making around $40-70/month. But the last two months? Zero sales.

Templates are a different story.

I’ve launched just 2 free templates, and they’re still generating commission.

Last month: $170 This month: $232+

Maybe this is small compared to creators already making thousands from paid templates. But for someone starting out, I think the Marketplace is still worth exploring.

I’m definitely not quitting yet. 😄

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Marketplace isn’t dead. At least not for me.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I agree that "},{"type":"text","text":"component sales seem pretty much dead right now.","marks":[{"type":"bold"}]},{"type":"text","text":" I have around 10 components, and until July. They were making around "},{"type":"text","text":"$$40-70/month","marks":[{"type":"bold"}]},{"type":"text","text":". But the last two months? "},{"type":"text","text":"Zero sales.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Templates are a different story."}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve launched just "},{"type":"text","text":"2 free templates","marks":[{"type":"bold"}]},{"type":"text","text":", and they’re still generating commission."}]},{"type":"paragraph","content":[{"type":"text","text":"Last month: "},{"type":"text","text":"$$170","marks":[{"type":"bold"}]},{"type":"text","text":" This month: "},{"type":"text","text":"$$232+","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Maybe this is small compared to creators already making "},{"type":"text","text":"thousands","marks":[{"type":"bold"}]},{"type":"text","text":" from paid templates. But for someone starting out, "},{"type":"text","text":"I think the Marketplace is still worth exploring.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I’m definitely not quitting yet. "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a10aa9-be02-77ed-a2c5-1ec3ba3ca0d2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2978,"height":1648}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T06:04:33.016Z","updatedAt":"2026-10-05T06:04:33.016Z"},{"id":"01a0ce44-a946-738d-89e9-b3c820af5655","title":null,"body":"

SaaS Pricing Cards 3.0 is out 🎉

The biggest update since launch. It's now a full pricing section, not just cards.

What's new → 7 designed styles, including real Liquid Glass with a highlight that follows your cursor → A comparison table that builds itself from your feature lists, inheritance handled → Live currency switching from daily exchange rates, no API key → Seat pricing in 4 styles: slider, ticks, chips, stepper → Mobile tabs or swipe instead of stacked cards → Decimals like 9.99, locale formatting, separate yearly checkout links

130+ properties, all in the Properties panel. No code.

Free update for everyone who already owns it. After updating, re-add your plans once, since the settings structure changed.

See it in action:

Nuance 2.0 is here - and it’s FREE. 🚀

A premium UI UX portfolio template built for realistic case studies. Every essential section is already structured. Just add your content, drop in your visuals, and make it yours.

Who’s it for?

- Product Designers

- UX/UI Designers

- Graphic Designers

Whether you want to showcase a full case study, your design process, or multiple creative skills and services, Nuance 2.0 gives you the structure to do it beautifully.

Strong case studies. Premium look. Completely free.

Go build your portfolio. 🖤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nuance 2.0 is here - and it’s FREE. ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A premium UI UX portfolio template built for "},{"type":"text","text":"realistic case studies","marks":[{"type":"bold"}]},{"type":"text","text":". Every essential section is already structured. Just add your content, drop in your visuals, and make it yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Who’s it for?","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"- Product Designers "}]},{"type":"paragraph","content":[{"type":"text","text":"- UX/UI Designers"}]},{"type":"paragraph","content":[{"type":"text","text":"- Graphic Designers"}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you want to showcase a "},{"type":"text","text":"full case study, your design process, or multiple creative skills and services","marks":[{"type":"bold"}]},{"type":"text","text":", Nuance 2.0 gives you the structure to do it beautifully."}]},{"type":"paragraph","content":[{"type":"text","text":"Strong case studies. Premium look. Completely free.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Go build your portfolio. "},{"type":"emoji","attrs":{"name":"black_heart","emoji":"🖤"}}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72942","resolved":true,"title":"Nuance 2.0 - UI UX","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Nuance 2.0 - Product Designer Portfolio Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Nuance 2.0","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern portfolio template built for product designers, UI/UX designers, creative professionals, and digital studios. It combines strong typography, soft gradients, responsive layouts, and interactive details to help you showcase your work beautifully."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable navigation, footer, cards, buttons, and sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage with introduction, services, selected work, skills, testimonials, FAQ, and contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated Works page with CMS-powered projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible case-study pages for process, research, wireframes, visual design, and outcomes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image galleries and large project visuals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About page with biography, experience, skills, hobbies, and personal details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive FAQ with expandable questions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form with name, email, subject, and message"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable project categories, tags, descriptions, images, and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 page and SEO-ready site metadata"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Favicon and social sharing image support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth transitions, hover effects, sliders, tickers, and micro-interactions"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product & UX/UI designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design studios & digital agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative developers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Students building professional portfolios"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Easily replace profile content, projects, images, testimonials, services, skills, experience, and contact details. With CMS-powered projects, you can add and manage new work without rebuilding the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Nuance 2.0","marks":[{"type":"bold"}]},{"type":"text","text":" gives you a polished foundation to present your design process, showcase finished work, and make a strong impression on potential clients and employers."}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"For customization help, contact "},{"type":"text","text":"design@vikramuiux.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:design@vikramuiux.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Premium portfolio for UX designers","slug":"nuance-2-0-ui-ux","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zKCU6cn01AxqywC5TsA7w2x4QwNSbb01M1F2q4cd2qZZE.m3u8","metadata":{"posterUrl":"https://image.mux.com/zKCU6cn01AxqywC5TsA7w2x4QwNSbb01M1F2q4cd2qZZE/thumbnail.webp?time=1.768","aspectRatio":"40:27","duration":20.5205}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a097d5-1b5f-7528-bfeb-d5cea2d545d8.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a097d5-2f3f-729b-ac35-c224a6233b09.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a097d5-3bce-7387-b0c5-01f1cdb55622.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-12T23:02:20.875Z","updatedAt":"2026-10-07T10:12:22.718Z","publishedAt":"2026-09-12T23:02:20.873Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/RWJWNdk","remixUrl":"https://framer.link/RWJWNdk","previewUrl":"https://nuance-portfolio-v2.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":190,"name":"Arts & Crafts","slug":"arts-and-crafts"},{"id":273,"name":"Design","slug":"design"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"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":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":38,"name":"P3 Colors","slug":"p3-colors"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-14T06:47:19.691Z","createdAt":"2026-09-12T23:02:21.419Z","updatedAt":"2026-09-14T06:47:19.691Z"},{"id":"01a04cae-d812-7747-a102-4883b218de6b","title":null,"body":"

One month ago, I shared my first $45 commission from my Framer template.

Today, I’ve made $169 in commissions in just the last 30 days, from that single template. 🚀

The template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me.

$169 may not sound like much, but this milestone means a lot. Just getting started. ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One month ago, I shared my first $45 commission from my Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"Today, I’ve made $169 in commissions in just the last 30 days, from that single template. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"The template was launched 3 months ago. The first 2 months brought only $40, so seeing this jump this month is honestly huge for me."}]},{"type":"paragraph","content":[{"type":"text","text":"$$169 may not sound like much, but this milestone means a lot. Just getting started. "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a04cae-bca7-713c-9670-ec6e4ba14d10.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2978,"height":1648}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T08:42:02.133Z","updatedAt":"2026-08-29T08:42:02.133Z"},{"id":"019feaee-94de-716b-9db7-2147e10cda01","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey, new component out - Premium Mobile Mockup.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you're still building phone mockups in Photoshop or Figma, you're exporting a dead PNG. Screenshot changes, you redo the whole thing. Wrong ratio, re-crop, re-export, re-upload."}]},{"type":"paragraph","content":[{"type":"text","text":"This one is live on the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Live means live","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Got a long screenshot? It actually scrolls inside the frame on your published site. Pause, reverse or loop, pauses on hover, and visitors can drag to scrub through it themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"Got a video instead? Upload it and it plays inside the phone. Speed from 0.5x to 4x, volume, mute toggle, native controls if you want them."}]},{"type":"paragraph","content":[{"type":"text","text":"The rest of it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Frame fits your screenshot, set Height to Fit and it resizes to whatever you upload, no cropping Status bar that switches iOS or Android based on the device presets including iOS, Android and Generic Real bezel measurements, with the metal rail and black bezel as separate layers Three finishes matte, brushed, polished and the metal keeps its hue when you recolour it Reflection, 3D tilt, shadow, glare, side buttons"}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"App landing pages, SaaS heroes, product feature sections, and anyone shipping client sites who doesn't want a static mockup baked into an image."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component from the comment box"}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/VMVUKOST2IHSHgFYIeuPFUcT00Bwule95m0144QxnhNfo.m3u8","metadata":{"posterUrl":"https://image.mux.com/VMVUKOST2IHSHgFYIeuPFUcT00Bwule95m0144QxnhNfo/thumbnail.webp?time=64.791","aspectRatio":"16:9","duration":112.593978}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T09:08:52.067Z","updatedAt":"2026-08-10T09:08:52.067Z"},{"id":"019fead1-5bcc-77ad-b455-ecbb02fa2511","title":null,"body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey, new component out - Premium Mobile Mockup.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you're still building phone mockups in Photoshop or Figma, you're exporting a dead PNG. Screenshot changes, you redo the whole thing."}]},{"type":"paragraph","content":[{"type":"text","text":"This one is live on the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Live means live","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Got a long screenshot? It actually scrolls inside the frame on your published site. Pause, reverse or loop, pauses on hover, and visitors can drag to scrub through it themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"Got a video instead? Upload it and it plays inside the phone."}]},{"type":"paragraph","content":[{"type":"text","text":"The rest of it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Frame fits your screenshot, set Height to Fit and it resizes to whatever you upload, no cropping Status bar that switches iOS or Android based on the device Six presets including iPhone 17 Pro, plus Android and Generic Real bezel measurements, with the metal rail and black bezel as separate layers and the metal keeps its hue when you recolour it Reflection, 3D tilt, shadow, glare, side buttons"}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"App landing pages, SaaS heroes, product feature sections, and anyone shipping client sites who doesn't want a static mockup baked into an image."}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JKHoERRIbnwFFmABFx63","resolved":true,"title":"Premium MobileMockup","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Introduction"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Check how the component works","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/DDEbHK5qTlc","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most mockups crop your screenshot to fit the frame. This one resizes the frame to fit the screenshot. Tall screens auto-scroll. Six presets, measured bezels, real metal finishes, iOS and Android status bars, image or video. $6."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fit to media","marks":[{"type":"bold"}]},{"type":"text","text":" — frame sizes itself to your screenshot or video ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto scroll","marks":[{"type":"bold"}]},{"type":"text","text":" — long screens scroll in view, with pause, reverse or loop, plus hover-pause and drag-to-scrub"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Status bar","marks":[{"type":"bold"}]},{"type":"text","text":" — clock, signal, wifi and battery, iOS layout on iPhone presets and Android on the rest"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six presets","marks":[{"type":"bold"}]},{"type":"text","text":" — iPhone 17 Pro and Pro Max, 15 Pro Max, iPhone 14, Android, Generic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Measured bezels","marks":[{"type":"bold"}]},{"type":"text","text":" — real teardown figures, with the metal rail and black bezel as separate layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three finishes","marks":[{"type":"bold"}]},{"type":"text","text":" — Matte, Brushed with directional grain, Polished. Recolour the rail and the metal stays metal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reflection","marks":[{"type":"bold"}]},{"type":"text","text":" — length, strength, fade and gap as separate controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video","marks":[{"type":"bold"}]},{"type":"text","text":" — native controls, mute toggle, volume, 0.5x–4x speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D tilt","marks":[{"type":"bold"}]},{"type":"text","text":", shadow, glare, camera and side buttons, each toggleable."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setup.","marks":[{"type":"bold"}]},{"type":"text","text":" Drop it in, upload a screenshot, set Height to Fit. That is all. Width is fluid and everything inside scales with it, so set the width and the proportions hold."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility.","marks":[{"type":"bold"}]},{"type":"text","text":" The mockup is labelled as a single image rather than announcing decorative chrome, auto-scroll and video stop for visitors who prefer reduced motion, and the sound toggle is keyboard reachable."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for","marks":[{"type":"bold"}]},{"type":"text","text":" app landing pages, product heroes and feature sections. Not for multi-device compositions or perspective scenes, this is one device, rendered properly."}]},{"type":"paragraph","content":[{"type":"text","text":"Updates: ","marks":[{"type":"bold"}]},{"type":"text","text":"New device presets on request; the device table is plain data, so adding one is a small change. Report a bug and it gets fixed."}]}]},"introduction":"All in one Mockup (Video & Image)","slug":"premium-mobilemockup","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019feabf-eddd-73ae-82bd-74f2f19009d2.png","metadata":{"tint":{"h":192,"s":85,"l":42},"width":2400,"height":1600}}],"post":null,"createdAt":"2026-08-10T08:36:56.419Z","updatedAt":"2026-08-10T09:05:48.287Z","publishedAt":"2026-08-10T08:36:56.414Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://premiummockup.framer.website/","price":"6","paymentUrl":"https://buy.polar.sh/polar_cl_B07yCQaJbJxvZ5JlDc8Qt16rdtAMIaLS5zaWT0DaeOP","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"6XKgaWTVR0EoKWhXFocY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-10T09:05:49.179Z","createdAt":"2026-08-10T08:36:56.908Z","updatedAt":"2026-08-10T09:05:49.179Z"},{"id":"019fb96b-d000-7502-b2fe-a8125085a76d","title":null,"body":"

Sometimes cleaning your folders is worth it. 😄

Found this experimental poster I created about a year ago. No AI, just Illustrator and Photoshop, typography, textures, and a lot of experimentation.

Still has its flaws, but I love looking back at older work to see how much I've grown.

What do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sometimes cleaning your folders is worth it. "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}}]},{"type":"paragraph","content":[{"type":"text","text":"Found this experimental poster I created about a year ago. No AI, just Illustrator and Photoshop, typography, textures, and a lot of experimentation."}]},{"type":"paragraph","content":[{"type":"text","text":"Still has its flaws, but I love looking back at older work to see how much I've grown."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019fb96b-02dd-71ff-b264-3a1962ce5039.png","metadata":{"tint":{"h":60,"s":41,"l":42},"width":2400,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-31T18:24:38.405Z","updatedAt":"2026-07-31T18:24:38.405Z"},{"id":"019fa72b-9a02-7136-9dd4-17dd209c9350","title":null,"body":"

Dot Cloud, FREE component 🎉

Drop in any SVG or image. Dots fill the shape and sample its real colors.

Reacts to cursor with push, glow and depth

Follows your finger on touch

Honors reduced motion

Stops repainting when idle

25 controls

#particles

Free to remix, link in comments.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot Cloud, FREE component ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in any SVG or image. Dots fill the shape and sample its real colors."}]},{"type":"paragraph","content":[{"type":"text","text":"Reacts to cursor with push, glow and depth"}]},{"type":"paragraph","content":[{"type":"text","text":"Follows your finger on touch"}]},{"type":"paragraph","content":[{"type":"text","text":"Honors reduced motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Stops repainting when idle"}]},{"type":"paragraph","content":[{"type":"text","text":"25 controls"}]},{"type":"paragraph","content":[{"type":"text","text":"#particles "}]},{"type":"paragraph","content":[{"type":"text","text":"Free to remix, link in comments.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/o3lUtkTGx2doT5dZ01S5C9mRqM3g9fqM7zzr1udmifxs.m3u8","metadata":{"posterUrl":"https://image.mux.com/o3lUtkTGx2doT5dZ01S5C9mRqM3g9fqM7zzr1udmifxs/thumbnail.webp?time=1.336","aspectRatio":"16:9","duration":9.783278}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T05:21:20.394Z","updatedAt":"2026-07-28T05:21:20.394Z"},{"id":"019f907e-8122-779b-980f-4a78b18c7b3a","title":null,"body":"

Tilt Preview Card

Now live on the Framer Marketplace, free.

Hover to interact, two previews tilt and follow your cursor.

Upload an image or a video into the same slot, both work in one component.

Fully responsive.

Open for feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt Preview Card","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Now live on the Framer Marketplace, free."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover to interact, two previews tilt and follow your cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Upload an image or a video into the same slot, both work in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"Open for feedback."}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GOoQ1k7YCSDnobLY3nSpFUk58bu3ACrDT008J01GyFpjQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/GOoQ1k7YCSDnobLY3nSpFUk58bu3ACrDT008J01GyFpjQ/thumbnail.webp?time=4.914","aspectRatio":"299:199","duration":10.525}}],"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-07-23T19:40:37.543Z","updatedAt":"2026-07-23T19:40:37.543Z"},{"id":"019f8e21-84eb-72ff-8be6-dfda51ffa82a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"LiEeWMsm4KypjZwQIJKm","resolved":true,"title":"Tilt Preview Card","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"\"Hover a card and two tilted media previews fan out, trailing your cursor. Each slot holds an image or video, your choice, set independently. Mobile locks the previews visibly in place. Customizable title, link, radius, and media per card.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Why It's Different"}]},{"type":"paragraph","content":[{"type":"text","text":"Upload an image or a video into the same media slot, no separate control for each. Two slots per card, mixed freely. Nothing else in this category does that."}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add a title, a link, and up to two media files, image or video, either works in either slot. Hover on desktop tilts and trails both previews with the cursor. On mobile, both previews stay permanently visible in a stacked layout, no hover needed."}]},{"type":"paragraph","content":[{"type":"text","text":"What's Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free, no-code Framer component, ready to drop in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop and mobile layouts, both included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Same-slot image or video upload, auto-detected"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title, link, and corner radius controls"}]}]}]}]},"introduction":"Hover reveals tilting media cards","slug":"tilt-preview-card","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019f8e20-44cd-72f7-875a-45c467b2627c.jpg","metadata":{"tint":{"h":240,"s":67,"l":9},"width":2376,"height":1580}}],"post":null,"createdAt":"2026-07-23T08:39:48.863Z","updatedAt":"2026-07-23T08:39:48.863Z","publishedAt":"2026-07-23T08:39:48.860Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Tilt-Preview-Card-v19TAe.js@kesk5R03g0UOeRsqSRdP","previewUrl":"https://tiltpreviewcard.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"kesk5R03g0UOeRsqSRdP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T08:39:49.227Z","updatedAt":"2026-07-23T08:39:49.227Z"},{"id":"019f8a91-90f8-74aa-8a98-5f2bc46eb6d7","title":null,"body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A major update packed with "},{"type":"text","text":"new features","marks":[{"type":"bold"}]},{"type":"text","text":" and refinements based on real customer feedback. Here's what's new:"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" New","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Manual yearly pricing","marks":[{"type":"bold"}]},{"type":"text","text":" - set exact annual prices per plan instead of only auto-calculating from a discount %"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom price text per plan","marks":[{"type":"bold"}]},{"type":"text","text":" (e.g. \"Free,\" \"Contact us\") instead of requiring a number"}]},{"type":"paragraph","content":[{"type":"text","text":"CTA button now hides automatically on free plans (custom text with \"free,\" or $0 price)"}]},{"type":"paragraph","content":[{"type":"text","text":"Strikethrough","marks":[{"type":"bold"}]},{"type":"text","text":" original price shown next to the discounted yearly price"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom toggle labels","marks":[{"type":"bold"}]},{"type":"text","text":" - \"Monthly\"/\"Yearly\" text is now editable"}]},{"type":"paragraph","content":[{"type":"text","text":"Card shadow contro","marks":[{"type":"bold"}]},{"type":"text","text":"l (None / Soft / Medium / Strong)"}]},{"type":"paragraph","content":[{"type":"text","text":"Section padding controls","marks":[{"type":"bold"}]},{"type":"text","text":" (top/bottom and left/right, independently adjustable)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"wrench","emoji":"🔧"}},{"type":"text","text":" "},{"type":"text","text":"Fixed","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Minor bugs fixed and code cleanup"}]},{"type":"paragraph","content":[{"type":"text","text":"Removed \"Marketing Mode\" toggle - yearly billing now always shows the full annual total automatically"}]},{"type":"paragraph","content":[{"type":"text","text":"Existing customers get this update for free - just grab the latest Component URL from your delivery file or reinstall from the Marketplace. As always, reach out at "},{"type":"text","text":"design@vikramuiux.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:design@vikramuiux.com","target":"_blank"}}]},{"type":"text","text":" if you run into anything."}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019f8a90-b262-701c-af51-24dabd620d5a.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1600}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T16:03:43.488Z","updatedAt":"2026-07-22T16:03:43.488Z"},{"id":"019f4584-bf52-7065-8bb7-d0bd0f0f3194","title":null,"body":"

🎉 I just earned my first commission through my Nuance template - and the best part? The template is completely FREE.

It’s a small milestone, but a special one for me. Seeing something I created not only being used by others but also earning its first commission feels amazing.

If you’re looking for a clean and Unique Portfolio template.

Nuance is available for free. Give it a try!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" I just earned my first commission through my Nuance template - and the best part? The template is completely "},{"type":"text","text":"FREE","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s a small milestone, but a special one for me. Seeing something I created not only being used by others but also earning its first commission feels amazing."}]},{"type":"paragraph","content":[{"type":"text","text":"If you’re looking for a clean and Unique "},{"type":"text","text":"Portfolio template","marks":[{"type":"bold"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Nuance is available for free.","marks":[{"type":"bold"}]},{"type":"text","text":" Give it a try!"}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/iibbg07y","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1920,"height":1080}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T06:15:55.479Z","updatedAt":"2026-07-09T06:15:55.479Z"},{"id":"019ede49-bdb5-7729-b8bf-8dc90fcc28a1","title":null,"body":"

Need a website that looks premium and converts visitors into customers?

You're in the right place.

Available for freelance projects.

E : design@vikramuiux.com

P: +91 88259 88364

#WebDesign #Framer #FreelanceDesigner

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Need a website that looks premium and converts visitors into customers? "}]},{"type":"paragraph","content":[{"type":"text","text":"You're in the right place. "}]},{"type":"paragraph","content":[{"type":"text","text":"Available for freelance projects. "}]},{"type":"paragraph","content":[{"type":"text","text":"E : "},{"type":"text","text":"design@vikramuiux.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:design@vikramuiux.com","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"P: +91 88259 88364 "}]},{"type":"paragraph","content":[{"type":"text","text":"#WebDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/WebDesign?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/Framer?src=hashtag_click","target":"_blank"}}]},{"type":"text","text":" "},{"type":"text","text":"#FreelanceDesigner","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/hashtag/FreelanceDesigner?src=hashtag_click","target":"_blank"}}]}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/006eLG4VbFFFFgrkpm02JWZwJD00tLrWUzsVXqW6FvuMv00.m3u8","metadata":{"posterUrl":"https://image.mux.com/006eLG4VbFFFFgrkpm02JWZwJD00tLrWUzsVXqW6FvuMv00/thumbnail.webp?time=13.9","aspectRatio":"16:9","duration":36.4}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T05:10:35.194Z","updatedAt":"2026-06-19T05:10:35.194Z"},{"id":"019ed9da-f420-77a4-ba9f-dda62a7b690a","title":null,"body":"

New free Framer component:

Particle Dot Cloud.

Drop in any logo or image and it rebuilds itself from hundreds of dots that keep its exact colors.

Move your cursor and they scatter, grow, and glow.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New "},{"type":"text","text":"free Framer component","marks":[{"type":"bold"}]},{"type":"text","text":": "}]},{"type":"paragraph","content":[{"type":"text","text":"Particle Dot Cloud.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in any logo or image and it rebuilds itself from hundreds of dots that keep its exact colors. "}]},{"type":"paragraph","content":[{"type":"text","text":"Move your cursor and they scatter, grow, and glow."}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70KANDMcNxjwpk8JDG24","resolved":true,"title":"Particle Dot Cloud","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle Dot Cloud","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn any SVG or image into a living field of dots that holds its exact colors and reacts to the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exact color sampling","marks":[{"type":"bold"}]},{"type":"text","text":" — dots keep the source's true colors. White stays white, gradients stay true, no flat recoloring."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any source","marks":[{"type":"bold"}]},{"type":"text","text":" — drop in an SVG, PNG, JPG, or WebP and the shape rebuilds out of dots."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor interaction","marks":[{"type":"bold"}]},{"type":"text","text":" — dots push aside, grow, and glow as the cursor moves through them."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-layer parallax","marks":[{"type":"bold"}]},{"type":"text","text":" — depth layers shift at different rates on hover for a real sense of 3D."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Standalone idle drift","marks":[{"type":"bold"}]},{"type":"text","text":" — dots float gently at rest, with separate speed and amount controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scatter-in reveal","marks":[{"type":"bold"}]},{"type":"text","text":" — dots fly in from off-frame the moment the section loads."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance built in","marks":[{"type":"bold"}]},{"type":"text","text":" — throttled, frame-capped loop with adaptive color batching for smooth motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile auto-tuning","marks":[{"type":"bold"}]},{"type":"text","text":" — dot count scales down on small screens automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editor-ready","marks":[{"type":"bold"}]},{"type":"text","text":" — shows a clean placeholder on the canvas, never a blank or broken state."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"24 grouped controls","marks":[{"type":"bold"}]},{"type":"text","text":" — Appearance, Advanced, and Behavior panels keep everything organized."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best for hero sections, logo reveals, and about pages. Drop it on the canvas, upload your file, done."}]}]},"introduction":"Make any image a living dot cloud","slug":"particle-dot-cloud","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/0vq0m608","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-18T08:31:05.738Z","updatedAt":"2026-08-31T17:08:33.179Z","publishedAt":"2026-06-18T08:31:05.733Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Particle-Dot-Cloud-YawrYA.js@0S6k5ilnQKRfwpK9AnPh","previewUrl":"https://particledotcloud.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"0S6k5ilnQKRfwpK9AnPh","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-06-18T08:31:05.760Z","updatedAt":"2026-06-18T08:31:05.760Z"},{"id":"019ed94d-fead-764d-9ab6-16bc3b9be3b9","title":null,"body":"

🚀 Free Portfolio For UIUX and Product Designers

Nuance is a premium portfolio template for UX & Product Designers, featuring detailed case study sections, CMS support, and a fully responsive premium experience.

🎁 Plus, get the Interactive Artboard Component (worth $9) for free with your purchase.

#Framer #FramerTemplate #UXDesign #ProductDesign #PortfolioDesign #FramerCommunity

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Free Portfolio For UIUX and Product Designers","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Nuance","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium portfolio template for UX & Product Designers, featuring detailed case study sections, CMS support, and a fully responsive premium experience."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}},{"type":"text","text":" Plus, get the "},{"type":"text","text":"Interactive","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Artboard Component","marks":[{"type":"bold"}]},{"type":"text","text":" (worth "},{"type":"text","text":"$$9","marks":[{"type":"bold"}]},{"type":"text","text":") for free with your purchase."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #UXDesign #ProductDesign #PortfolioDesign #FramerCommunity"}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"67259","resolved":true,"title":"Nuance","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nuance is a premium Framer portfolio template for Product Designers and UX Designers who know that showing your thinking is what actually gets you hired."}]},{"type":"paragraph","content":[{"type":"text","text":"Most portfolio templates are built for creatives who want to showcase polished screenshots. Nuance is built for designers who need to communicate process, depth, and decision-making in a way that resonates with recruiters, hiring managers, and product teams."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes Nuance different?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Built around process, not just visuals.","marks":[{"type":"bold"}]},{"type":"text","text":" Every case study follows a structured narrative: problem, research, ideation, wireframes, visual design, testing, and outcomes. The kind of depth that shows how you think, not just what you designed."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS-powered case studies.","marks":[{"type":"bold"}]},{"type":"text","text":" Add, update, and manage projects through Framer CMS without touching layouts. Your portfolio grows with your career without constant rebuilding."}]},{"type":"paragraph","content":[{"type":"text","text":"Four complete dummy case studies included.","marks":[{"type":"bold"}]},{"type":"text","text":" Nuance ships with four examples across fintech, food delivery, HR, and travel. Personas, journey maps, user flows, wireframes, testing insights, and outcome metrics are included so you can see its full potential before replacing any content."}]},{"type":"paragraph","content":[{"type":"text","text":"Dynamic Table of Contents.","marks":[{"type":"bold"}]},{"type":"text","text":" Long-form case studies include a floating Table of Contents that updates automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Looks like you made it yourself.","marks":[{"type":"bold"}]},{"type":"text","text":" Grid references, bounding box cues, and a bento-style About section create a designer-crafted identity that doesn’t feel like an off-the-shelf template."}]},{"type":"paragraph","content":[{"type":"text","text":"Documentation included.","marks":[{"type":"bold"}]},{"type":"text","text":" Every section is documented so you can customize confidently and launch quickly."}]},{"type":"paragraph","content":[{"type":"text","text":"Nuance also includes a separate CMS collection for multidisciplinary work. Whether you create illustrations, photography, or other creative projects, you have a dedicated space to showcase them separately from your case studies."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, Works, Case Study Detail, Other Works, About Me, & 404."}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have questions about setup or customization? Reach out at "},{"type":"text","text":"design@vikramuiux.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:design@vikramuiux.com","target":"_blank"}}]},{"type":"text","text":". I respond within 48 hours. The template is updated as Framer evolves."}]}]},"introduction":"UIUX & Product Designer Portfolio.","slug":"nuance","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/jxschopm","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/iq9seih3","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/f5dp8k1f","metadata":{"tint":{"h":28,"s":93,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/31dydb7l","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-18T05:57:07.849Z","updatedAt":"2026-06-19T15:41:41.465Z","publishedAt":"2026-06-18T05:57:07.846Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/WxxWd5j","remixUrl":"https://framer.link/WxxWd5j","previewUrl":"https://nuance-portfolio.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":190,"name":"Arts & Crafts","slug":"arts-and-crafts"},{"id":221,"name":"Graphic Design","slug":"graphic-design"}],"styles":[],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":38,"name":"P3 Colors","slug":"p3-colors"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":103,"liked":false},"comments":{"count":12},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-19T15:38:59.330Z","createdAt":"2026-06-18T05:57:07.886Z","updatedAt":"2026-06-19T15:38:59.330Z"},{"id":"019ea242-6dbe-792d-8ac3-b675ce83927c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ABjhklernWRbxNISTs3u","resolved":true,"title":"SmartTestimonials","body":"$5a","bodyJson":null,"introduction":"Premium animated testimonial carousel","slug":"smarttestimonials","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ABjhklernWRbxNISTs3u/smarttestimonials-H2PHlvuMDAgnSfRx5KZia6ZH8zf11B","metadata":{"tint":{"h":5,"s":94,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T10:01:47.078Z","updatedAt":"2026-06-05T16:25:54.986Z","publishedAt":"2026-06-07T13:25:23.006Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smart-testimonial.framer.website/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_sNTU8A6QzM7qOHFzAEBAzdA2xCI5XGeBrln430SYkj6","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"NEVPi26BywRssf87DVeO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-07T13:25:23.006Z","updatedAt":"2026-06-07T13:25:23.006Z"},{"id":"019e0204-54bc-72e1-b851-3f093bb0ca76","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"p0c2fO7GrrATNNFVh1K6","resolved":true,"title":"Interactive Artboard","body":"$5b","bodyJson":null,"introduction":"Interactive Drawing Canvas","slug":"interactive-artboard","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/p0c2fO7GrrATNNFVh1K6/interactive-artboard-SWyeXD56WiU6ZPqX0ohGyQPH0eXLLX","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-10T03:51:59.035Z","updatedAt":"2026-09-07T04:37:18.648Z","publishedAt":"2026-05-07T10:38:18.812Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://specific-fruit-994156.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_2FF93mpDE4u6wyJcBjGSPDPGX0DAMEULXSyFD258BGq","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"XOos3iPFwWzTPu4s0EnE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-07T10:38:18.812Z","updatedAt":"2026-05-07T10:38:18.812Z"},{"id":"019df8a4-3674-7993-8c7a-68c53d4eee7a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xyiLIvKuKu2qLe1zKbB9","resolved":true,"title":"Smart TOC Component","body":"$5c","bodyJson":null,"introduction":"Auto-reads headings. Mobile pill+drawer","slug":"smart-toc-component","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xyiLIvKuKu2qLe1zKbB9/smart-toc-component-mWEYxngDKhDx63EikRUkZWgy1ljl0M","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T08:18:58.462Z","updatedAt":"2026-05-09T05:52:32.569Z","publishedAt":"2026-05-05T14:56:44.660Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tableofcontent.framer.website/toc-component","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_JDiyQs6MZDFX7CxB0x6ondec8BRh7FI86Midi225Jo2","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"WjOMKJlCJJEaTrAHGeEq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-05T14:56:44.660Z","updatedAt":"2026-05-05T14:56:44.660Z"},{"id":"019ddd91-156e-7a40-9cb3-78a231b8cf28","title":null,"body":"

SaaS Pricing Cards 3.0 is out 🎉

The biggest update since launch. It's now a full pricing section, not just cards.

130+ properties, all in the Properties panel. No code.

Free update for everyone who already owns it. After updating, re-add your plans once, since the settings structure changed.

See it in action: https://youtu.be/eLoKtdJyO7I

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Pricing Cards 3.0 is out ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"The biggest update since launch. It's now a full pricing section, not just cards."}]},{"type":"paragraph","content":[{"type":"text","text":"What's new","marks":[{"type":"bold"}]},{"type":"text","text":" → 7 designed styles, including real Liquid Glass with a highlight that follows your cursor → A comparison table that builds itself from your feature lists, inheritance handled → Live currency switching from daily exchange rates, no API key → Seat pricing in 4 styles: slider, ticks, chips, stepper → Mobile tabs or swipe instead of stacked cards → Decimals like 9.99, locale formatting, separate yearly checkout links"}]},{"type":"paragraph","content":[{"type":"text","text":"130+ properties, all in the Properties panel. No code."}]},{"type":"paragraph","content":[{"type":"text","text":"Free update for everyone who already owns it. After updating, re-add your plans once, since the settings structure changed."}]},{"type":"paragraph","content":[{"type":"text","text":"See it in action: "},{"type":"text","text":"https://youtu.be/eLoKtdJyO7I","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://youtu.be/eLoKtdJyO7I","target":"_blank"}}]}]}]},"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IfxCxqlXEFkDTO8NlEnW","resolved":true,"title":"Premium Saas Pricing","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"SaaS Pricing Cards"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A complete SaaS pricing section in one component. Cards, billing toggle, yearly savings, feature lists, comparison table and currency switching, all from the Properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"See How It Works","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://youtu.be/eLoKtdJyO7I","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://youtu.be/eLoKtdJyO7I","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Buy"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most pricing components give you cards, or a toggle, or a calculator. This gives you the whole section in one drop, and it stays in sync: the comparison table builds itself from your feature lists, so you never maintain the same features twice. Everything updates live in the editor."}]},{"type":"customHeading","content":[{"type":"text","text":"New in 3.0"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 designed styles, including real Liquid Glass with a cursor-following highlight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Comparison table built from your feature lists, inheritance handled"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live currency switching from daily rates, manual rates as fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seat pricing in 4 styles: slider, ticks, chips, stepper"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile tabs or swipe, opening on your highlighted plan"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Decimals like 9.99, locale formatting, separate yearly checkout links"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Plans"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 4 plans, 50 features each, with tooltips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature lists stay with their plan when reordered"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom price text: Free, Contact us, Custom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-plan button, labels, links, note"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Billing"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly and yearly toggle with rolling numbers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto discount or manual yearly prices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Savings badge, strikethrough, billing line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per month or annual total display"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"48 base currencies, visitor switcher"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highlight effects: beam, border, glow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button hover: lift, glow, shine"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color, radius, shadow, alignment control"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Layout"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop row, mobile tabs, swipe or stack"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spacing, padding, width, editable labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WCAG AA contrast, keyboard support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"130+ properties"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Includes"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full TypeScript source code"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editor guide for your first plan"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free updates: Framer API fixes, requested properties, bug fixes"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Upgrading from 2.0"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Free update. The settings structure changed, so after updating: re-add your plans once, pick a style under Presets, and set custom button colors again."}]},{"type":"paragraph","content":[{"type":"text","text":"Support:","marks":[{"type":"bold"}]},{"type":"text","text":" design@vikramuiux.com"}]}]},"introduction":"7 Themes. Fully Customizable","slug":"premium-saas-pricing","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/01a0d1e5-7739-75d8-95d4-575f5faea9ad.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-04-29T07:42:18.244Z","updatedAt":"2026-09-27T13:24:19.264Z","publishedAt":"2026-04-30T08:46:06.190Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://saaspricingcards.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_Y0daocIwR9lS71yGwkW7CZZjcQvUA1PGHtUkM41EpaT","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"BEP6uXGiq2EaQgXyGc8J","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-09-23T12:32:55.738Z","createdAt":"2026-04-30T08:46:06.190Z","updatedAt":"2026-09-23T12:32:55.738Z"},{"id":"019dd1a3-a0fb-7808-9d9f-7e0c0610494d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"P1VZBcJcCJu4ISx8dlSU","resolved":true,"title":"Bento Image Grid","body":"$5e","bodyJson":null,"introduction":"30 presets in one component","slug":"bento-image-grid","author":{"framerUserId":"0ae2481a-d862-4f17-86a7-d8b9373e7666","name":"ARUNVIKRAM S","slug":"arunvikram-s","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/40464/avatar-PjkCmAobqyQiSDQiBWYhH0I8Yo4unx.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ae2481a-d862-4f17-86a7-d8b9373e7666/019fac6b-9158-702d-980c-a8ae144f1808.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1600}}],"post":null,"createdAt":"2026-04-27T08:42:52.975Z","updatedAt":"2026-07-29T05:49:58.413Z","publishedAt":"2026-04-28T01:10:54.971Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smartbentogrid.framer.website/","price":"6","paymentUrl":"https://buy.polar.sh/polar_cl_TIxY5wEbMKLLqLOkPOxAOIKkirLfVLfaMUydV0fRAU1","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"DKzcbRO7q4PdBKHabgy2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-28T01:10:54.971Z","updatedAt":"2026-04-28T01:10:54.971Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5f"}]