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

Vernier — Elite Design Studio Template for Founders & Agencies

Vernier is a premium, high-performance Framer template built for ambitious founders, startups, and modern agencies that demand speed, clarity, and conversion.

Designed with precision and scalability in mind, Vernier combines modern visual design, structured layouts, and powerful interactions to help you launch faster without compromising on quality. Whether you're building a SaaS product, agency website, or landing page, Vernier gives you a strong foundation to grow and scale.

Why Vernier stands out

Vernier is not just another template — it’s a design system engineered for performance and clarity.

Built for high-conversion landing pages and product-focused websites
Designed with a modern, minimal, and professional aesthetic
Structured layouts that make content easy to scan and understand
Clean typography and spacing for strong visual hierarchy
Optimized for speed, responsiveness, and scalability

What’s included

🏠 Home page with strong hero and conversion-focused sections
🚫 404 page

Powerful Framer Features

Vernier leverages Framer’s full capabilities to deliver a smooth and premium experience:

Scroll effects and appear animations for engaging interactions
Sticky scrolling sections for modern storytelling
Text effects for dynamic visual emphasis
Layout templates for fast customization
Sliders / tickers for showcasing content

Built for

SaaS startups
Design and development agencies
Product founders
Personal brands
Portfolio-driven businesses

Style & Design Language

Minimal yet expressive
Modern and efficient layouts
Professional, clean dark UI
Subtle motion for premium feel

⚡ Launch 10x faster

Skip the design bottleneck.Vernier gives you a production-ready website system so you can focus on your product, users, and growth.

53:T88d,

Vestaboard Display is a high-fidelity split-flap animation component for Framer that recreates the iconic mechanical display board experience. Each character flips with realistic motion, producing a nostalgic, tactile effect perfect for modern websites, dashboards, and hero sections.

Designed for both visual impact and performance, this component brings mechanical text animation, dynamic messaging, and interactive storytelling into your Framer projects.

🎯 Core Features

- Split-Flap Animation

Each cell animates with a realistic two-part flip using 3D transforms, shadows, and timing delays, closely mimicking real-world Vestaboard displays.

- Message Cycling

Automatically rotates through multiple messages with configurable timing, creating dynamic, continuously updating content.

- Scramble Effect

Before settling, each character cycles through random values, replicating the authentic “mechanical search” behavior of split-flap boards.

- Color Tile Support

Insert colored tiles using simple syntax:{R} {O} {Y} {G} {B} {V} {W}Perfect for highlighting, branding, or visual storytelling.

- Cascade Animation

Characters animate in a wave pattern across rows and columns, creating a premium, cinematic transition effect.

🎨 Customization Options

Messages (multiple text inputs)
Animation speed and duration
Cycle interval (or disable auto-play)
Light / dark theme
Corner radius
Color tiles and accent effects

🧠 Smart Layout System

Auto text wrapping for 22-column grid
Intelligent word breaking
Centered layout (horizontal + vertical)
Responsive typography using fluid scaling

🎯 Best Use Cases

Hero sections with dynamic messaging
SaaS dashboards and analytics UI
Web3 / AI landing pages
Creative portfolios and agency websites
Announcement boards and feature highlights

54:T75b,

Hover Popup Letters is a high-performance hover text animation component for Framer that turns static text into an interactive, motion-driven experience. Each letter responds individually on hover with a smooth popup effect, dynamic color transitions, and optional rotation, creating a modern animated typography UI that enhances engagement and visual appeal.

Built for designers and developers who want interactive text effects without code, this component delivers clean motion, responsive behavior, and full customization directly inside Framer.

Key Features

Per-letter hover animation for precise interaction
Popup text effect with smooth motion transitions
Random color generator for dynamic hover states
Optional rotation animation for added depth
Fully customizable typography and styling
Lightweight and performance-optimized

Best Use Cases

Hero headlines with motion typography
Landing page text animations
Portfolio and creative websites
Interactive UI and micro-interactions
Call-to-action text with hover effects

Customization

Text content and layout
Font size, weight, spacing
Base and hover colors
Animation speed and intensity
Rotation enable/disable and angle

Framer Ready

Built specifically as a Framer component
Easy to use with property controls
Fully responsive across devices
No coding required

55:T648,

Ripping Photo is an interactive WebGL image component for Framer that lets users tear photos apart with a realistic drag gesture. As each image rips, the next one is revealed underneath with smooth motion and physics-based animation.

Built for modern websites and immersive experiences, this component transforms static image galleries into interactive, tactile visual storytelling.

Key Features

✂️ Realistic Photo Tearing

Click and drag to rip images in half with lifelike physics, shading, and paper-like motion.

🎮 Gesture-Based Interaction

Drag-based interaction creates a tactile experience that feels natural and engaging.

🖼️ Dynamic Image Reveal

Each torn photo reveals the next, creating a continuous, seamless image transition.

🔁 Continuous Loop System

Cycles through your image collection automatically, making it ideal for galleries and showcases.

🌈 Adaptive Background Modes

Auto color matching per image
Custom gradients
Transparent background

📱 Orientation-Aware Layout

Supports both portrait and landscape images with adaptive borders and scaling.

👆 Hand Hint Animation

An optional animated cue that teaches users how to interact with the component.

Most image galleries are passive.This turns them into interactive experiences that users actively engage with. Make your images feel physical, interactive, and impossible to ignore.

56:T541,

Floating Dock is a polished, macOS-style navigation dock for Framer, built to add a tactile, interactive nav experience to any website or prototype. It animates icons based on cursor proximity, creating a smooth magnify-on-hover effect, and surfaces contextual tooltips with spring-driven motion, making navigation feel alive and discoverable. The component is fully responsive, and it swaps to a compact mobile menu with an animated entrance, making it ideal for both desktop hero areas and mobile navigation.

Use cases.

Site navigation for portfolio or product sites that need a premium interactive header.
App or dashboard prototypes that mimic macOS dock behaviour.
Studio landing pages, team pages, and interactive demos where playful navigation boosts engagement.
Design systems and UI kits that want a polished dock pattern ready to drop in.

57:T4c8,

Evervault Card is a premium interactive Framer component that reveals dynamic encrypted text and a mixed gradient through a radial hover mask. As the user moves their cursor, a live “encryption cloud” follows the pointer, revealing an animated gradient, randomised characters, and a glowing hover circle, creating a futuristic cyber-UI feel.

Perfect for modern landing pages, security-themed designs, fintech products, crypto apps, and any interface that needs a high-impact hover effect with motion depth.

Use Cases

Security, encryption, or privacy-focused sections.
Fintech, AI, Web3, or developer-tool landing pages.
Interactive hero components for product marketing.
Feature highlight cards with dynamic hover feedback.
Futuristic UI kits, neon/cyberpunk design systems, and glassmorphism layouts.

58:T461,

Text Reveal Card is a premium interactive Framer component that reveals hidden text using a smooth horizontal mouse-tracking animation. As users hover or drag across the card, a dynamic divider moves with the cursor while the hidden text fades into view through a precise clip-path reveal effect. The result is a modern, polished micro-interaction perfect for landing pages, hero sections, and storytelling UI.

A floating animated starfield enhances depth and motion, making this card ideal for premium product pages, portfolio highlights, and futuristic UI designs.

Best use cases

Hero sections with interactive headers
Portfolio storytelling components
Reveal-on-hover product descriptions
Cinematic landing pages
Modern editorial layouts
UI/UX micro-interactions for premium websites

59:T45d,

Photo Grid is an interactive Framer component that turns a minimal 4-square cover into a full, animated photo gallery. In its closed state, the component appears as a tidy 2×2 tile icon. When a user taps or clicks any tile, the component expands into a responsive 2×2 grid of images.

Why use Photo Grid:

Compact by default — saves layout space and reduces visual clutter until interaction.
Delightful reveal — click or tap opens a cascading/staggered animation revealing the images with natural easing.
Responsive & touch-friendly — works across desktop and mobile with optimised transforms for smooth playback.

Use Cases:

Photographer or designer portfolios (compact previews that expand into work samples).
Travel and lifestyle galleries (teaser card that reveals images).
Product preview cards in landing pages or shop features.
Micro-interactions in hero sections to increase engagement.

5a:T56d,

Folder Reveal is an interactive Framer component that transforms a compact folder card into a cascading 5-image gallery with smooth, physics-driven unfolding and staggered motion. It’s perfect for travel stories, photo portfolios, product teasers, or any page that needs a compact entry that expands into a rich visual reveal.

Built for performance and clarity, Folder Reveal includes:

Click-to-open folder animation with natural easing and staggered image offsets.
Support for five responsive images (covers & stack).
Adjustable timing, spacing, border radius, and shadow depth to match any visual style.
Mobile-friendly touch behaviour and optimised transforms for smooth playback.
Ready-to-use: copy the component and drop it into a Framer project with full property controls.

Features:

Compact folder card that unfolds into a 5-image stack
Smooth click/open animation with staggered timing
Fully responsive & touch-friendly
Customize spacing, radius, shadows & animation timing
Drop-in Framer component — minimal setup

Use cases:

Travel galleries, portfolio highlights, product showcases, hero elements, and micro-interactions that add delight while staying compact.

5b:T85c,

TiltCard is a fully customizable 3D interactive card component designed to bring depth and motion to your Framer projects. As users hover over the card, it tilts dynamically in response to cursor movement, creating a smooth parallax effect. This interaction is enhanced by adaptive shadows and a subtle glow that follows the cursor, adding a sense of realism and polish. The component also intelligently extracts dominant colours from the uploaded image to create natural glow highlights, giving each card a personalised and immersive feel.

Features:

With its rich customisation options, TiltCard allows you to:

Upload any image (with full responsive support).
Customise shadows — colour, blur, and spread, synced with tilt.
Control edge blur for soft masking or sharp edges.
Adjust tilt intensity (from subtle to dramatic).
Set border radius, style, width, and colour to match your layout.
Enable glow effects that respond to both tilt and cursor position.
Optimised performance with smooth transitions and GPU-friendly transforms.

Where can you use it?

This makes TiltCard perfect for:

Portfolio image highlights
Product cards in e-commerce sites
Team member or testimonial cards
Interactive hero sections
Showcase elements with depth and motion
3D Hover Card Animation

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-8cdcb682-4417-430f-a5c2-f2a5c2971895-all:/unified/creator/8cdcb682-4417-430f-a5c2-f2a5c2971895/activity/":[{"data":[{"id":"01a0cb42-0f5c-728b-b5cb-903eb9791efc","type":"comment.reply","target":{"type":"post","id":"019e5513-be1b-7643-ac66-a99e25987b5b","preview":"RippingPhoto","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JJZmIRa4j50m1NRcvp5v/rippingphoto-gstguYGgzyoO27mubVCnxRO8mmwgMI","targetDeleted":false,"owned":true,"actions":{"postId":"019e5513-be1b-7643-ac66-a99e25987b5b","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0cb42-0f32-73c9-80fe-3471aa806a09","preview":"Thank you so much. Really appreciate that.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you so much. Really appreciate that. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e5513-be1b-7643-ac66-a99e25987b5b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0a921-4220-72a8-a45b-a62cdda2838d"},"repost":null}},"actors":[{"id":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","slug":"uxwithsuman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T22:34:59.292Z","latestAt":"2026-09-22T22:34:59.292Z"},{"id":"01a0cb41-cf1b-72ef-8708-bb94cf315da6","type":"comment.liked","target":{"type":"comment","id":"01a0a921-4220-72a8-a45b-a62cdda2838d","preview":"The tactile motion and playful interaction make this component really memorable.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The tactile motion and playful interaction make this component really memorable."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e5513-be1b-7643-ac66-a99e25987b5b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a921-4220-72a8-a45b-a62cdda2838d"},"repost":null}},"context":{"type":"post","id":"019e5513-be1b-7643-ac66-a99e25987b5b","preview":"RippingPhoto","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JJZmIRa4j50m1NRcvp5v/rippingphoto-gstguYGgzyoO27mubVCnxRO8mmwgMI","targetDeleted":false,"owned":true,"actions":{"postId":"019e5513-be1b-7643-ac66-a99e25987b5b","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","slug":"uxwithsuman","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T22:34:42.836Z","latestAt":"2026-09-22T22:34:42.836Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:8cdcb682-4417-430f-a5c2-f2a5c2971895:/unified/posts/?creator=8cdcb682-4417-430f-a5c2-f2a5c2971895&with=reposts":[{"data":[{"id":"019e7e95-a117-7db5-88f0-b7489ecd4200","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"62064","resolved":true,"title":"Vernier","body":"$52","bodyJson":null,"introduction":"Elite Design Studio Template","slug":"vernier","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62064/vernier-3zWDG41aFRKM11GdiW2zEyhQRKj33e","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62064/vernier-ZGxdCw8eDuYmNPb3bMFdiJF7cEGZXG","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62064/vernier-t98Jd0OJDhYhIaw93v4xJ9sTsS9I61","metadata":{"tint":{"h":11,"s":93,"l":31},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62064/vernier-0xuNcWXxHn8NHUKyzsN0gb95qBC1qy","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T22:43:02.995Z","updatedAt":"2026-06-15T18:04:25.755Z","publishedAt":"2026-05-31T15:09:55.863Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"49","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/888ecbb2-2a2f-42c6-8454-1b9b08327528","remixUrl":null,"previewUrl":"https://vernier.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":201,"name":"Colorful","slug":"colorful"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"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":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T15:09:55.863Z","updatedAt":"2026-05-31T15:09:55.863Z"},{"id":"019e5532-0a32-7a05-a953-bec6b1b1dfbd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Sr9L1rF83lOLgXrf7bjw","resolved":true,"title":"Vestaboard Display","body":"$53","bodyJson":null,"introduction":"Split flap text animation for Framer","slug":"vestaboard-display","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Sr9L1rF83lOLgXrf7bjw/vestaboard-display-upW6ycIdNR8pr3PSpe67tcXfQVek2C","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T16:49:41.032Z","updatedAt":"2026-05-23T14:16:19.483Z","publishedAt":"2026-05-23T14:16:43.314Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vestaboarddisplay.framer.website/","price":"10","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/88c9567e-ed14-45a7-a8eb-5e2dba3304bb","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"q21XHYtgG0MBnFEZ51j0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-23T14:16:43.314Z","updatedAt":"2026-05-23T14:16:43.314Z"},{"id":"019e5522-3809-7e70-813f-043004fac24f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uHW2ejrXW2sLYsuxmoXG","resolved":true,"title":"HoverPopupLetters","body":"$54","bodyJson":null,"introduction":"Animated hover text for Framer","slug":"hoverpopupletters","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/uHW2ejrXW2sLYsuxmoXG/hoverpopupletters-2FP3cfJbmmPDgFKB2pF38x2fQzloCu","metadata":{"tint":{"h":23,"s":74,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T16:05:00.255Z","updatedAt":"2026-05-23T13:59:20.532Z","publishedAt":"2026-05-23T13:59:26.473Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hoverpopletters.framer.website/","price":"5","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/f6335016-fec0-4999-9e35-d4c8a5b23322","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4qi622A0EXWpjhkEKdSu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-23T13:59:26.473Z","updatedAt":"2026-05-23T13:59:26.473Z"},{"id":"019e5513-be1b-7643-ac66-a99e25987b5b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JJZmIRa4j50m1NRcvp5v","resolved":true,"title":"RippingPhoto","body":"$55","bodyJson":null,"introduction":"Interactive photo tear effect","slug":"rippingphoto","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JJZmIRa4j50m1NRcvp5v/rippingphoto-gstguYGgzyoO27mubVCnxRO8mmwgMI","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T14:12:11.971Z","updatedAt":"2026-05-23T13:43:29.680Z","publishedAt":"2026-05-23T13:43:37.755Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rippingphoto.framer.website/","price":"12","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/f4275d46-e584-4dee-a3e8-193aa1984552","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"E48va3CtqNjt7fLTz0ET","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-23T13:43:37.755Z","updatedAt":"2026-05-23T13:43:37.755Z"},{"id":"019c53bd-b94f-7e53-90fc-8ee1c5d08389","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VXNpW7PUL8rS6vY72ucj","resolved":true,"title":"Text shimmer motion","body":"

Text Shimmer Wave is a lightweight animated text component for Framer that creates a smooth, flowing shimmer wave across individual characters. Each letter animates independently, producing a continuous wave-like shimmer that feels polished, modern, and performance-friendly.

Animated text with shimmer text and text wave animation creates a smooth loading text animation, combining Framer text animation, motion typography, animated headline styling, shimmer effect, and Framer component behavior.

Best use cases

Loading or “thinking” states (AI tools, code generation, data processing)
Hero headlines that need subtle motion without distraction
Call-to-action text that gently draws attention
Motion-driven typography in landing pages and product demos
UI polish in dashboards, SaaS products, and portfolios

","bodyJson":null,"introduction":"Animated Text shimmer wave effect motion","slug":"text-shimmer-motion","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VXNpW7PUL8rS6vY72ucj/text-shimmer-motion-QphGDSmKScCa8Dm4iGjL2wrO7jEZum","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-05T17:03:01.500Z","updatedAt":"2026-02-16T11:46:07.764Z","publishedAt":"2026-02-12T21:24:28.623Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shimmertextwave.framer.website/","price":"4","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/a1785b8d-310d-4ba1-9b6a-cd54d18535e0","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"5dHqufOWSML6JhVGS6h0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-12T21:24:28.623Z","updatedAt":"2026-02-12T21:24:28.623Z"},{"id":"019acaad-20e4-7c05-8e8b-97bf2955306d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sXfXdDoYbXSmhWYC8Rzu","resolved":true,"title":"Floating Dock","body":"$56","bodyJson":null,"introduction":"MacOS-style navigation dock for Framer","slug":"floating-dock","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sXfXdDoYbXSmhWYC8Rzu/floating-dock-msQvuEfHefKS0q5k3vBHH2zmp6PtpZ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-24T13:50:12.105Z","updatedAt":"2026-04-22T18:10:47.722Z","publishedAt":"2025-11-28T13:35:35.140Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://floatingdock.framer.website/","price":"10","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/07cf6b6b-b285-4e7b-9c6e-3a949ba916ff","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"N7hDnUD1kcxgno4YwIfO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-28T13:35:35.140Z","updatedAt":"2025-11-28T13:35:35.140Z"},{"id":"019acaad-045c-7a70-9e81-fdbb9112014b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jKRNz9YDAPL5SKJZN2hc","resolved":true,"title":"Animated Tooltips","body":"

Animated Tooltip is a polished Framer component that surfaces contextual information on hover, following the mouse pointer with smooth spring animations and natural rotation, making every avatar or UI element feel alive.

Use cases

Team pages and about sections that show people's details on hover.
Product lists where quick context or micro-copy helps decision-making.
Interactive demos and design systems that showcase motion UI patterns.
Social proof sections, author bylines, and contributor overlays.

","bodyJson":null,"introduction":"","slug":"animated-tooltips","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/jKRNz9YDAPL5SKJZN2hc/animated-tooltips-Y1HjOA5NUeRspFgLDMN0l5b5Gpgdjh","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-22T18:34:37.766Z","updatedAt":"2025-11-28T13:40:27.901Z","publishedAt":"2025-11-28T13:35:27.836Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animatedtooltips.framer.website/","price":"7","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/buy/83fc6ffc-9b82-41f4-a02f-1ecb020903c6","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Sy61gE5rdKGVepTAUjYP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-28T13:35:27.836Z","updatedAt":"2025-11-28T13:35:27.836Z"},{"id":"019acaac-f050-7fad-a422-b5c37db67ce7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ywcMfUDMJknfz8F6ywEs","resolved":true,"title":"Evervault Card","body":"$57","bodyJson":null,"introduction":"Dynamic encrypted text and gradient.","slug":"evervault-card","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ywcMfUDMJknfz8F6ywEs/evervault-card-fdsp7L8DxSHFrBfDLRApT4omh0SJRC","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-22T20:44:49.839Z","updatedAt":"2026-02-16T11:51:23.798Z","publishedAt":"2025-11-28T13:35:22.704Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://evervaultcard.framer.website/","price":"8","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/904276e4-73f2-4f97-86ee-f1c3ed67a70a","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"dNws3eAS5oLCW0IDGtjO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-28T13:35:22.704Z","updatedAt":"2025-11-28T13:35:22.704Z"},{"id":"019ac6fd-c3e3-73ec-b2d3-e76e36d74b38","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"maSpull4BJMzIIak7LZK","resolved":true,"title":"Text Reveal Card","body":"$58","bodyJson":null,"introduction":"An interactive hover-to-reveal card","slug":"text-reveal-card","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/maSpull4BJMzIIak7LZK/text-reveal-card-g578q08D3HApPHoTCGBOfc1CcIMBfV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-22T15:10:21.457Z","updatedAt":"2026-02-16T11:48:17.605Z","publishedAt":"2025-11-27T20:25:10.883Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://swipetextreveal.framer.website/","price":"8","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/9fc0b894-2f93-4117-9f4c-56d02e27b251","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"oQMHW6CioMTzhVjV7iu1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-27T20:25:10.883Z","updatedAt":"2025-11-27T20:25:10.883Z"},{"id":"019a9c2e-18eb-78a1-a3dd-ec7aaff627ed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"c9NnO3OJk9sobOQLYMuR","resolved":true,"title":"DraggableCard","body":"

Draggable Card is a lightweight, high-polish Framer component that adds tactile 3D motion to any layout. Use it to create interactive product previews, playful UI elements, or polished portfolio highlights.

Quick start

Drop the Draggable Card into a Framer project.
Set cardSize and squareSize to fit your layout.
Add an image or set a card color, tweak perspective and dragElastic to taste.
Preview and drag to feel the 3D interaction.

","bodyJson":null,"introduction":"","slug":"draggablecard","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/c9NnO3OJk9sobOQLYMuR/draggablecard-0GjZCLrGEtf12vllXG18nBKbo7lCqn","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-09T20:56:32.521Z","updatedAt":"2025-11-19T12:52:08.942Z","publishedAt":"2025-11-19T12:54:18.091Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/DraggableCard-xurf.js@dsLVainqBLoEt4TF7XyH","previewUrl":"https://draggable-card.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"dsLVainqBLoEt4TF7XyH","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":"2025-11-19T12:54:18.091Z","updatedAt":"2025-11-19T12:54:18.091Z"},{"id":"019a88be-1f98-75bb-b962-f043de363dcd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7QKzZyrBn6jtiJaxs4MG","resolved":true,"title":"grid-photo","body":"$59","bodyJson":null,"introduction":"A compact 4-tile gallery that expands","slug":"grid-photo","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7QKzZyrBn6jtiJaxs4MG/grid-photo-M0MF405yTUQZqgwc0maW7jiTeu3gz1","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-25T19:35:42.329Z","updatedAt":"2026-02-16T12:01:18.464Z","publishedAt":"2025-11-15T18:19:12.664Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gridphotocomponent.framer.website","price":"4","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/6ab8cf00-f359-498e-95ea-8852b0b6fe6e","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ARYPEskFZ6QsLmgmfUPK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-15T18:19:12.664Z","updatedAt":"2025-11-15T18:19:12.664Z"},{"id":"019a0dbf-a12b-70a0-8ad9-d6715ec0034f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7ASbHFoZaLLFX5Mr2oE6","resolved":true,"title":"Folder Reveal","body":"$5a","bodyJson":null,"introduction":"","slug":"folder-reveal","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7ASbHFoZaLLFX5Mr2oE6/folder-reveal-z44C0xoDzPCaiH7UUoxgPIu5q2X7fx","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-10T16:52:02.698Z","updatedAt":"2026-01-04T17:57:30.047Z","publishedAt":"2025-10-22T21:07:33.803Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imagefoldercomponent.framer.website/","price":"8","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/checkout/buy/30db4b7c-2fce-42b9-9021-0704cd87bbb4","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"gN51iPg9VZTxIRremf6s","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-22T21:07:33.803Z","updatedAt":"2025-10-22T21:07:33.803Z"},{"id":"0199c775-ad06-7041-8934-b8b1e01f35a9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TOvOo4MhB9AzK4XRHfuH","resolved":true,"title":"3D Hover Card Tilt","body":"$5b","bodyJson":null,"introduction":"","slug":"tiltcardanimation","author":{"framerUserId":"8cdcb682-4417-430f-a5c2-f2a5c2971895","name":"Suman Debnath","slug":"uxwithsuman","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164761/avatar-dIlArwvnqig0HZ6zEdLn1VBuJqKncN.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TOvOo4MhB9AzK4XRHfuH/tiltcardanimation-i8vGY8jC9SkF790EWbUwSjhPXuDWk8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T15:22:49.825Z","updatedAt":"2025-10-28T20:46:37.471Z","publishedAt":"2025-10-09T05:33:22.054Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tiltcard.framer.website/","price":"5","paymentUrl":"https://uxwithsuman.lemonsqueezy.com/buy/13b01413-7994-4b3c-b4cc-850a7210622b","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"RQQ8hMTmMHlMfvkNlNi4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-09T05:33:22.054Z","updatedAt":"2025-10-09T05:33:22.054Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]