5f:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 60:T669,

Password Strength Validator

Upgrade your signup or login form with a modern password strength meter that reacts in real time. As users type, the strength bar updates from weak to strong and each requirement in the checklist receives a clear checkmark or X. The layout is clean, responsive, and built to match any style.

Features

• Live password strength indicator with color states

• Requirement checklist with automatic checkmarks and X marks

• Show or hide password toggle

• Customizable rules such as minimum length, uppercase letters, and more

• Optional strict mode if all requirements must be met

• Adjustable strength bar colors for every state 🎨

• Includes a second variant with full color, style, and layout customization

Perfect for

• Signup forms and onboarding flows

• Login pages

• Account security settings

• SaaS dashboards

• Any project that needs clear password guidance

How to use

• Paste the component into your signup or login form

• Set your password rules in the properties panel

• Customize the strength bar color for weak, fair, good, and strong

• Enable or disable strict mode depending on your security level

• Turn on the show or hide password toggle for improved UX

This component adds clarity, trust, and a professional feel to your forms. The included customizable variant lets you adapt the visuals to any brand, from soft gradients to bold security-focused themes.

61:T62d,

Showcase your videos in a clean grid that opens into a focused viewing experience. Each thumbnail launches a full screen lightbox with navigation, so visitors can move through your content without leaving the page.

Features• Responsive video grid with adjustable columns• Lightbox view with previous and next controls• Supports YouTube, Vimeo, and hosted MP4 links• Custom poster images for each video• Counter label that shows the current video out of the total• Close button to dismiss the lightbox and return to the grid• Includes a second variant with fully customizable colors and overlay styling 🎨

Perfect for• Showreels and portfolio videos• Course or lesson libraries• Product demo collections• Event highlights• Landing page hero galleries

How to use• Paste the component into your page• Open the properties panel• Add video uploads for each item• Add poster image URLs to match each video• Choose the number of grid columns and/or videos

This component gives your video content a polished gallery and a cinematic viewing experience, while the customizable variant lets you adapt the lightbox and grid styling to any brand or layout.

62:T8f4,

Text Reveal Lens transforms simple typography into cinematic motion. As users scroll or move their cursor, a shape mask glides across the headline, revealing text through light and motion. Ideal for hero headers, section intros, or full-screen storytelling layouts.

✨ Features & Capabilities

Mask Shapes – Circle, Rectangle, Wave, Diamond, Wave, Star.
Reveal Motion – Mask moves smoothly with scroll or cursor.
Direction Controls – Left→Right, Top→Bottom, or Center-Out reveal.
Scroll Sensitivity – Adjust mask speed and trigger threshold.
Cursor Tracking Mode – Follow the user’s mouse for interactive highlight.
Typography Styling – Font, weight, size, spacing, and alignment controls.
Gradient & Texture Fill – Apply gradients or textures inside revealed text for a premium finish.
Animation Easing – Choose from linear, ease-in-out, or custom bezier curves.
Performance Optimized – GPU mask animations ensure smooth playback.
Responsive & Safe – Scales beautifully across devices.

🧩 Property Controls

Text Content
Mask Shape: Circle | Rectangle | Path
Reveal Trigger: Scroll | Cursor
Direction: Left→Right | Top→Bottom | Center-Out
Scroll Sensitivity
Easing Type
Font Controls: Family, Weight, Size, Spacing, Alignment
Fill Style: Solid | Gradient | Texture
Mask Color / Background

💡 Use Cases

Hero banners • Interactive landing pages • Product storytelling • Creative portfolios • Section intros

63:T9b3,

Kinetic Text turns headlines into living type. It fragments your text into letters or words, animates them independently, and then reforms the phrase with premium, staggered motion. Use it for hero lines, section headers, or short statements that need to land with energy—without writing a line of code.

✨ Features & Capabilities

Animation Modes – Explode & Reform, Wave, Scramble & Resolve.
Triggers – Start on scroll into view, hover, or page load.
Granularity – Animate by letters or words (toggle).
Timing & Physics – Controls for speed, delay/stagger, easing, and repetition (once/loop).
Scatter Control – Set max translation/rotation distance for the explode/scramble effects.
Color Transitions – Optional from→to color for animated emphasis.
Typography Controls – Font, weight, size, line-height, tracking, case, alignment, and max width.
Layout-Safe – Preserves spacing and reflows cleanly; no layout jump.
Accessibility – Screen readers read the full phrase; decorative spans are aria-hidden.
Reduced Motion – Honors prefers-reduced-motion (falls back to subtle fade).
Performance – GPU transforms only; lightweight and responsive.

🧩 Property Controls

Text (headline / short phrase)
Animate By: Letters | Words
Animation Type: Explode, Wave, Scramble
Trigger: Scroll | Hover | Load
Speed (ms), Stagger (ms), Easing
Scatter Distance (px/deg)
Color From / To (optional)
Repeat: Once | Loop
Typography: Font, Weight, Size, Line Height, Tracking, Align, Case, Max Width

💡 Use Cases

Hero headlines • Section intros • Launch callouts • Portfolio titles • Data/story transitions

64:T5d8,

Smart Tooltip Popup transforms simple tooltips into dynamic, interactive experiences. Triggered by hover or click, it reveals a fully customizable popup card with images, text, buttons, and even multiple steps — all styled to match your brand.

Unlike standard tooltips, this one feels alive: it stays visible when hovered, adapts to your layout, and lets users explore content without losing context.

✨ Features

Hover or Click Trigger – Choose how users reveal your popup.
Multi-Step Tooltips – Create guided walkthroughs or layered info cards.
Full Customization – Add titles, descriptions, images, and CTAs.
Smart Behavior – Popup stays visible when hovered, closes elegantly when not.
Position Controls – Display top, bottom, left, or right of the trigger element.
Spotlight Option – Dim background and focus attention on the popup.
Adjustable Timing – Fine-tune hover delay and hide delay for smooth interactions.
Premium Design – Rounded corners, subtle shadows, and refined transitions.

💡 Use Cases

• Product tours and onboarding steps• Interactive tooltips with rich media• Feature highlights or contextual hints• Hover-activated content reveals

65:T4f6,

Deliver elegant, responsive notifications with a flexible toast system. This component supports stacked alerts that adapt to any corner of the screen, complete with icons, messages, and optional actions.

Features

Stacked alerts: new toasts slide in, older ones shift smoothly
Notification types: info, success, warning, error (color-coded)
Customizable controls: timeout, stacking direction, icons, colors, typography
Interactive options: optional action button (e.g. Undo)
Polished animations: fade + slide on entry, smooth auto-dismiss
Responsive design: works seamlessly on desktop and mobile
User-friendly behavior: hover to pause auto-dismiss

Style

Rounded corners + soft shadows
Clean typography
Subtle accent colors for clarity and accessibility

Perfect for apps, dashboards, and websites needing quick, non-intrusive feedback.toast, notifications, alerts, stacked, ui, feedback, success, error, warning, info, action

66:T608,

Reaction Bubbles brings a touch of delight to your website. Visitors can click anywhere to release emoji bubbles that float upward and fade away. For more control, users can right-click to choose their emoji from a picker, making it interactive and fun.

Features & Capabilities:

Custom Emoji Sets: Choose which emojis are available for reactions.
Bubble Lifetime: Control how long emojis stay visible (ms).
Max Bubbles: Limit how many emoji bubbles can appear at once.
Bubble Size: Adjust the size of floating emojis for subtle or bold effects.
Background Color: Set the page background for the bubble canvas.
Picker Background: Customize the emoji picker background.
Responsive & Lightweight: Works smoothly across devices.

Use Cases:

Fun interactions on landing pages
Reaction layers for live events or streams
Gamified portfolios or playful product sites

Setup Instructions:

Drop the component onto your canvas as a background layer.
Add your emoji set in the Available Emojis property.
Adjust bubble lifetime, size, and max count to fit your vibe.

67:T413,

Showcase your product, features, or stories with a sleek split-screen slider. Text updates on one side while images or videos transition on the other, keeping words and visuals perfectly in sync.

Features

Split layout: left panel for text, right panel for media
3 transitions: choose between fade, slide, or parallax
Speed: Control slider speed
Customizable slides: title, description, media, accent color
Responsive design: stacks vertically on mobile for clarity
Premium style: smooth animations, clean spacing, polished typography
Accessibility: reduced-motion support, alt text for media
Performance: lazy-loaded images/videos, GPU transforms only

Perfect for SaaS landing pages, feature showcases, Team Profiles and product storytelling.

68:T58c,

3D Photo Cube brings your images to life in an elegant, futuristic display. Each face of the cube can hold a unique image, letting you create immersive product showcases, portfolio highlights, or dynamic brand visuals. With realistic 3D perspective and smooth transitions, it delivers a premium experience that feels cutting-edge yet simple to use.

✨ Features & Capabilities

Customizable Faces – Upload images for all 6 cube sides.
Interactive 3D Rotation – Smooth spin animations and perspective depth.
Size & Perspective Controls – Adjust cube scale and 3D perspective.
Optional Shadows – Add depth with realistic soft shadows.
Premium Styling – Crisp rendering and fluid transitions.
Responsive & Lightweight – Works across devices without lag.

💡 Use Cases

Product showcases (shoes, gadgets, packaging, art).
Portfolio displays for designers, photographers, or 3D artists.
Interactive hero sections or landing page highlights.
Brand storytelling with multiple visuals in one interactive cube.

“Showcase your images in a premium 3D rotating cube.”

69:T56a,

Notification Popup is a premium, flexible notification drawer that slides into view to display updates, alerts, or user messages. Designed for clarity and polish, it adds a refined layer of interactivity to any layout.

✨ Features & Capabilities

Position Control – Choose where it appears (top/bottom left/right).
Smooth Animations – Select from Smooth, Bouncy, or Quick motion styles.
Customizable Layout – Set width, shadow depth, and overall popup size.
Notification Items – Add title, description, time, and link for each message.
Unread Highlighting – Displays colored indicators for new or unread alerts.
Typography & Color Controls – Adjust fonts, text colors, and backgrounds.
Responsive & Lightweight – Works seamlessly across all devices.

💡 Use Cases

In-app or dashboard notifications
E-commerce order updates or alerts
Login or system messages
Announcement panels for SaaS tools
“A sleek, smart notification popup for modern websites and apps.”

6a:T7bd,

Smart Footer Banner is a premium footer component that adds an interactive, scroll-aware callout to your site. Hidden by default, it smoothly slides up when users scroll near the bottom of the page, and retracts when they scroll away.

Features & Capabilities:

Scroll detection: Set a custom threshold (e.g., 70–90% scroll) for when the footer appears.
Smooth animations: Choose from slide, fade, or combined reveal styles with adjustable speed and easing.
Flexible content: Add text, links, or full CTAs (button + description).
Styling controls: Colors, typography, padding, border radius, shadows, and background options.
Sticky mode: Keep the footer visible after first reveal or auto-hide when scrolling back up.
Responsive: Works seamlessly across desktop, tablet, and mobile layouts.
Accessibility: Keyboard-navigable buttons, ARIA labels for screen readers.

Use Cases:

Newsletter signup prompts
Limited-time offers or sales messages
Cookie consent or policy reminders
“Back to top” or quick link callouts

How to use:

Place the component at the bottom of your page.
The footer is hidden by default and will slide up when users scroll down past the reveal threshold (80% by default).
It will hide again when scrolling up.
Adjust the “Reveal Threshold” property (e.g., 50–90%) to control when it appears.
Works best in Preview or Published mode — make sure your page has enough content to scroll.

6b:T4f9,

Sticky Announcement Bar Dropdown

Capture attention at the top of your site with a versatile, high-impact announcement bar. Designed for e-commerce, launches, and product updates, this pack includes multiple variants that adapt seamlessly to your brand style.

Features

Multiple variants: plain text, countdown timer, free-shipping threshold, or scrolling news ticker
Customizable style: background, text color, font size, shadows, frosted glass or solid accent
Close button: optional, with clean hover states and icon choices
Smooth animations: subtle slide-down or fade-in, duration adjustable
Accessibility built-in: aria-live polite updates, keyboard accessible close button, reduced-motion support
Lightweight & fast: non-blocking scripts, optimized for performance

Ideal for promoting sales, highlighting news, or creating urgency with countdowns, without sacrificing design polish.announcement, bar, sticky, countdown, ecommerce, promo, banner, notification, free shipping, ticker, accessibility, ui pack

6c:T67e,

Gradient Text Pro brings bold, modern typography to life with clean gradient fills and smooth animations. Perfect for hero headlines, feature callouts, or interactive accents.

✨ Features

🎨 Modes: Static ▸ Hover ▸ Infinite
🌈 2–3 gradient colors with seamless blending
↔️ Direction & angle control (0–360°)
⏱ Speed & easing for precise animation flow
🔤 Font controls: family, weight, size, line height
📱 Responsive & Retina-ready
♿ Accessible with semantic tags + aria-labels

🚀 Quick Start

Insert Gradient Text Pro on your canvas.
Add your text and select 2–3 colors.
Choose a mode (Static, Hover, Infinite, Once).
Adjust speed, direction, and fonts to match your design.

💡 Tips for Premium Look

⏳ Infinite loops feel smoothest at 1.2–2.4s.
🌗 Use bright gradients on dark backgrounds for luxury contrast.
🕶 Static gradients are ideal for brand logos or minimal layouts.

🎯 Use Cases

Hero or landing page headlines
Premium pricing / feature highlights
CTA hover states and buttons
Branded typography flourishes

5a:["$","$L5f",null,{"value":{"fallback":{"$inf$activity-creator-e17f143a-8a7c-4fd8-836b-e24c989cff72-all:/unified/creator/e17f143a-8a7c-4fd8-836b-e24c989cff72/activity/":[{"data":[{"id":"019ef692-a027-7439-b2f7-ab6bd1545367","type":"template.liked","target":{"type":"template","id":"52381","preview":"Astra","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ebaf78c9-2512-46d7-b33f-5cd3e97a4ed5/6ta8m4uk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","slug":"john-valentine","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T22:21:04.931Z","latestAt":"2026-06-23T22:21:04.931Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e17f143a-8a7c-4fd8-836b-e24c989cff72:/unified/posts/?creator=e17f143a-8a7c-4fd8-836b-e24c989cff72&with=reposts":[{"data":[{"id":"019b7320-f317-79ce-b1e1-cdae4cd7065a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lR3YGeSnj2kAgGx6mh3W","resolved":true,"title":"Password Strength","body":"$60","bodyJson":null,"introduction":"","slug":"password-strength","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/lR3YGeSnj2kAgGx6mh3W/password-strength-B0c1tVLbAqP7mgZ9azbL8UYcyRARv2","metadata":{"tint":{"h":60,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-30T11:34:02.484Z","updatedAt":"2025-12-29T20:57:38.596Z","publishedAt":"2025-12-31T06:38:17.879Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://passwordstrengthtester.framer.website/","price":"5","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/dd840846-e3cf-4dfb-a9c1-83a825d7a378","workshop":true,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"pn2aq8uMhVQQCBrRIHD2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-31T06:38:17.879Z","updatedAt":"2025-12-31T06:38:17.879Z"},{"id":"019af065-c6f9-7d0c-b8df-54481dc36515","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ckuA0zaPkRUsjzWzbbJm","resolved":true,"title":"Video Gallery Grid","body":"$61","bodyJson":null,"introduction":"","slug":"video-gallery-grid","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ckuA0zaPkRUsjzWzbbJm/video-gallery-grid-YjIrKLN5mmBfJlzWOxQXmU9g7zQIxV","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-30T12:15:48.839Z","updatedAt":"2025-12-05T15:35:13.468Z","publishedAt":"2025-12-05T21:23:13.273Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://videogallery.framer.media/","price":"10","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/253a42b3-eea4-42b9-85e8-98576f70e885","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"11pYf2RQ1FPxi09ZvOOs","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-12-05T21:23:13.273Z","updatedAt":"2025-12-05T21:23:13.273Z"},{"id":"019ac546-cf4a-776a-b317-9d866eca3aae","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Qnp56Q29FYvImBCmoTZT","resolved":true,"title":"Text Reveal Lens","body":"$62","bodyJson":null,"introduction":"","slug":"text-reveal-lens","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Qnp56Q29FYvImBCmoTZT/textrevealscroller-JObAItsvAz3i6WuCuVPKGiRBksIv93","metadata":{"tint":{"h":0,"s":80,"l":24},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-04T11:11:50.960Z","updatedAt":"2025-11-26T10:10:33.654Z","publishedAt":"2025-11-27T12:25:43.498Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TextRevealScroller-8FSO.js@jU0fyPPyTdU6Kxujnftf","previewUrl":"https://textreveallens.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"jU0fyPPyTdU6Kxujnftf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":33,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-27T12:25:43.498Z","updatedAt":"2025-11-27T12:25:43.498Z"},{"id":"019ac546-bcad-70d5-8fdc-a4640ee8d3ce","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vKHJ7qIlUBG2VKCPbt24","resolved":true,"title":"Kinetic Text","body":"$63","bodyJson":null,"introduction":"","slug":"kinetic-text","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vKHJ7qIlUBG2VKCPbt24/kinetic-text-qeTOg3pwuGXMNtC9GlGwgabYW1dMc8","metadata":{"tint":{"h":210,"s":68,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-04T09:51:56.076Z","updatedAt":"2025-11-26T10:08:49.922Z","publishedAt":"2025-11-27T12:25:38.733Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/KineticTypography-2DHw.js@8QAH9FDj4AnEFLLPfIXr","previewUrl":"https://kinectictext.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"8QAH9FDj4AnEFLLPfIXr","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-27T12:25:38.733Z","updatedAt":"2025-11-27T12:25:38.733Z"},{"id":"0199e599-236a-78d4-bb7d-a355c4b096c7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6xR2HTCbSKFBu6afQgej","resolved":true,"title":"Smart Tooltip Popup","body":"$64","bodyJson":null,"introduction":"","slug":"smart-tooltip-popup","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6xR2HTCbSKFBu6afQgej/smart-tooltip-popup-DiGKo1HqVtVK0bEbRnbu6VkygpvAxU","metadata":{"tint":{"h":220,"s":77,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-07T04:58:13.622Z","updatedAt":"2025-10-14T11:20:57.523Z","publishedAt":"2025-10-15T02:00:42.602Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smarttooltippopup.framer.website","price":"7","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/89b61217-f834-4286-a8eb-5c5685f4c2ae","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"xCH2b0HIucc1FdtVZX4l","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-15T02:00:42.602Z","updatedAt":"2025-10-15T02:00:42.602Z"},{"id":"0199c854-12a4-7b43-98bb-66a1c196867a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ebdpEPo0hx9T2CgwfWoR","resolved":true,"title":"Toast Notifications","body":"$65","bodyJson":null,"introduction":"","slug":"toast-notifications","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ebdpEPo0hx9T2CgwfWoR/toast-notifications-lSTkDxIYM1zSGj6ir8ij9sgoWmGFcL","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-29T09:14:13.348Z","updatedAt":"2025-10-09T09:12:53.407Z","publishedAt":"2025-10-09T09:36:17.060Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ToastHub-Fu6W.js@510kozsxRUEZoqBCKn8k","previewUrl":"https://smarttoastnotifications.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"510kozsxRUEZoqBCKn8k","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-09T09:36:17.060Z","updatedAt":"2025-10-09T09:36:17.060Z"},{"id":"0199c5a8-dd13-7ccb-b4ce-a7f7cf37563f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"hfV98QrtHsrTRYbMvhnw","resolved":true,"title":"Reaction Bubbles ","body":"$66","bodyJson":null,"introduction":"","slug":"reaction-bubbles","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/hfV98QrtHsrTRYbMvhnw/reaction-bubbles-skeaLN3vSlXPG7JjRfZfrzibcqbFZo","metadata":{"tint":{"h":20,"s":77,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T09:59:58.167Z","updatedAt":"2025-10-08T11:22:52.893Z","publishedAt":"2025-10-08T21:10:02.259Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Reaction-Bubbles-SF02.js@JNF15maHeKhAgn2H33iT","previewUrl":"https://reactionbubbles.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"JNF15maHeKhAgn2H33iT","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-10-08T21:10:02.259Z","updatedAt":"2025-10-08T21:10:02.259Z"},{"id":"0199c5a8-ce3c-7c4a-9a6a-a70443219376","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OV5pUk19FMEu6N3ZIriq","resolved":true,"title":"Split Screen Slider","body":"$67","bodyJson":null,"introduction":"","slug":"split-screen-slider","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OV5pUk19FMEu6N3ZIriq/split-screen-slider-Kdikpt7IrAEvwD6PRKKTuRh3WYuotj","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-29T02:50:32.297Z","updatedAt":"2025-10-08T16:45:14.303Z","publishedAt":"2025-10-08T21:09:58.460Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ScrollStorytelling-jQ09.js@rTRAxj26UY1AO5pV6Iu4","previewUrl":"https://splitscreenmediaslider.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"rTRAxj26UY1AO5pV6Iu4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T21:09:58.460Z","updatedAt":"2025-10-08T21:09:58.460Z"},{"id":"0199c5a8-c125-7153-94ef-91ceb3296901","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uvvakCrVWFjDm495AUr0","resolved":true,"title":"3D Photo Cube","body":"$68","bodyJson":null,"introduction":"","slug":"3d-photo-cube","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/uvvakCrVWFjDm495AUr0/3d-photo-cube-KbRgijLT2hW6ROri0G1LVIGn5TGOZI","metadata":{"tint":{"h":20,"s":25,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T11:39:11.815Z","updatedAt":"2025-10-08T19:29:11.088Z","publishedAt":"2025-10-08T21:09:55.109Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dphotocube.framer.website","price":"10","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/839ab5ec-464b-439f-9552-4d5e75fa35ab","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"KfunYOfeuIz9OQKS2LNT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T21:09:55.109Z","updatedAt":"2025-10-08T21:09:55.109Z"},{"id":"0199c5a8-b21e-72ba-b8ce-54835049414c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v4LjuAP4nHY92QPmarP5","resolved":true,"title":"Notification Popup","body":"$69","bodyJson":null,"introduction":"","slug":"notification-popup","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/v4LjuAP4nHY92QPmarP5/notification-popup-oMS6O2iCArcrL4NzqI7asMUJ4GzBNh","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-04T08:20:45.239Z","updatedAt":"2025-10-08T19:39:19.656Z","publishedAt":"2025-10-08T21:09:51.262Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://notificationpopup.framer.website","price":"10","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/8a2f6638-d664-41f6-a594-6ad3d74ea0dc","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"bjsPyyyG7J6ZGLyai8N4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T21:09:51.262Z","updatedAt":"2025-10-08T21:09:51.262Z"},{"id":"0199c38a-b688-7734-9a1b-d6d330e5ca33","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BTLX3V0aKLucDC9L1XOV","resolved":true,"title":"Notification Bell","body":"

Add a professional notification center to your site with a sleek bell + dropdown system. The badge count highlights new updates, while the dropdown feed shows recent notifications in a scrollable, polished list.

Features

Bell icon with badge: highlights unread notifications
Dropdown feed: clickable items with icon + text + link
Auto-mark as read: notifications update on open
Scrollable list: handles longer feeds smoothly
Custom controls: notification array, badge color, dropdown width, radius, shadow
Clean design: soft dividers, subtle hover highlights, smooth slide/fade animation

Perfect for SaaS apps, dashboards, or websites that need an elegant, real-time update feed.

Tags: notification, bell, feed, alerts, updates, dropdown, badge, ui, messages, app

","bodyJson":null,"introduction":"","slug":"notification-bell","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/BTLX3V0aKLucDC9L1XOV/notification-bell-AQsdYYGIp1DBgU9BdOqMvQxW49tP5a","metadata":{"tint":{"h":180,"s":53,"l":42},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-29T11:34:01.493Z","updatedAt":"2025-10-08T10:23:06.067Z","publishedAt":"2025-10-08T11:17:51.880Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/NotificationFeedBell-YBUp.js@tPKywpvBmMhBjKlNuItx","previewUrl":"https://notificationbell.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"tPKywpvBmMhBjKlNuItx","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-10-08T11:17:51.880Z","updatedAt":"2025-10-08T11:17:51.880Z"},{"id":"0199c38a-8da8-759d-8894-c068a90db562","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"io85aiuxSkpqnHHUZ9pB","resolved":true,"title":"Smart Footer Banner","body":"$6a","bodyJson":null,"introduction":"","slug":"smart-footer-banner","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/io85aiuxSkpqnHHUZ9pB/smart-footer-banner-V2HQXdPaWnlHEvAGPOMCKQucksDZOQ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T07:59:41.936Z","updatedAt":"2025-10-08T10:33:59.717Z","publishedAt":"2025-10-08T11:17:41.416Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Smart-Footer-Banner-fNeG.js@FMXnfDjcn4U60z2AvaC8","previewUrl":"https://smartfooterbanner.framer.website","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"FMXnfDjcn4U60z2AvaC8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T11:17:41.416Z","updatedAt":"2025-10-08T11:17:41.416Z"},{"id":"0199bb96-2847-7022-91d2-81f5f74f0af5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0yW7kFCeKX09MDGbVxY4","resolved":true,"title":"Image Swipe Reveal","body":"

Add an interactive reveal effect to your designs with this polished mask component. Display two layers—front and back—and smoothly transition between them on hover or drag.

Features

Layered content: front and back images or content
Multiple reveal styles: left, right, top, or bottom directions
Mask options: rectangle or circle wipe
Custom controls: reveal speed, easing, padding, border radius, background
Interactive modes: hover or drag gestures
Polished design: smooth transitions, soft edges, premium feel

Perfect for Before vs. After, portfolios, galleries, product reveals, and hover-driven storytelling.

","bodyJson":null,"introduction":"","slug":"image-swipe-reveal","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0yW7kFCeKX09MDGbVxY4/image-swipe-reveal-aKrWnXVqO2nDYzIx48ectcnGBVjvVk","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-01T04:26:11.297Z","updatedAt":"2025-10-06T12:47:16.257Z","publishedAt":"2025-10-06T22:13:24.167Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imageswipereveal.framer.website","price":"5","paymentUrl":"https://johnvalentine.lemonsqueezy.com/buy/347ebc61-f0b9-41b8-9825-3de116f81cab?discount=0","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"bTJeOeZYOq9wLb7NjRzH","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-06T22:13:24.167Z","updatedAt":"2025-10-06T22:13:24.167Z"},{"id":"01998a24-83a2-7682-a939-8aa513f52537","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DhN1JkoTGHDfcId7fOrV","resolved":true,"title":"3D Parallax Cards","body":"

3D Responsive Parallax Card Grid

Bring your projects to life with a sleek, interactive card grid designed for modern websites. Each card tilts subtly toward the cursor, casts a soft shadow, and returns smoothly on mouse out. An optional glare highlight and staggered reveal animation create a premium, Apple-like feel without sacrificing performance.

Features

Responsive: 1–6 columns with breakpoint controls
Customizable: adjust card content, layout, aspect ratio, radius, colors
Effects: tilt depth, shadow strength, glare toggle, reveal animations
Glassmorphism mode: translucent surfaces with backdrop blur
Performance-ready: GPU transforms, lazy-loaded images, reduced-motion support

Perfect for portfolios, product galleries, blog previews, or any modern landing page.

","bodyJson":null,"introduction":"","slug":"3d-parallax-cards","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DhN1JkoTGHDfcId7fOrV/3d-parallax-cards-lBObtxLhE9vuboHje1V1FoOSaG3vbo","metadata":{"tint":{"h":249,"s":89,"l":74},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-18T22:11:11.509Z","updatedAt":"2025-09-26T15:46:24.002Z","publishedAt":"2025-09-27T07:47:52.866Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ParallaxCardGrid-Mrje.js@RFfRIZKVXJTXviHXdsog","previewUrl":"https://parallaxcardgrid.framer.website/?editSite","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"RFfRIZKVXJTXviHXdsog","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-09-27T07:47:52.866Z","updatedAt":"2025-09-27T07:47:52.866Z"},{"id":"01998256-a71f-72e4-8b27-bfe5ce97b8b7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nW4wQxnRpH1GRInqPYVC","resolved":true,"title":"Announcement Bar","body":"$6b","bodyJson":null,"introduction":"","slug":"announcement-bar","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nW4wQxnRpH1GRInqPYVC/announcement-bar-6VCdQP32FIQzm6Ct9r7MiplLMa7v2P","metadata":{"tint":{"h":10,"s":87,"l":62},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-19T03:58:03.100Z","updatedAt":"2025-09-25T03:39:41.801Z","publishedAt":"2025-09-25T19:25:41.023Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AnnouncementBar-woHF.js@0ouT65m6mXAW8Ldbo193","previewUrl":"https://announcementdropdown.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"0ouT65m6mXAW8Ldbo193","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-25T19:25:41.023Z","updatedAt":"2025-09-25T19:25:41.023Z"},{"id":"019975f0-f858-706a-a3f2-aa98ea124edf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iYHXXwOr475oP3ys9EJs","resolved":true,"title":"Gradient Text Pro","body":"$6c","bodyJson":null,"introduction":"","slug":"gradient-text-pro","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/5jNNlZ6DU6qOkTnIFwxC/gradient-text-pro-PzWZ6XQysdMzFXnkQo2gR4WpGMw59U","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-17T04:11:35.135Z","updatedAt":"2025-09-23T09:34:09.782Z","publishedAt":"2025-09-23T09:39:10.552Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GradientText-2-yE8s.js@mhKhqkxDXqfscjvkr01x","previewUrl":"https://textgradient.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"mhKhqkxDXqfscjvkr01x","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-09-23T09:39:10.552Z","updatedAt":"2025-09-23T09:39:10.552Z"},{"id":"01995451-b86b-7970-93cb-c1230ed70535","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ylJeir7ExYuTuKXFmlor","resolved":true,"title":"Highlight Reveal","body":"

Highlight Reveal brings the nostalgia of a hand drawn highlighter to your Framer pages.

Key Features:

Realistic Marker Scribble: Customize color, thickness, speed and direction for an authentic hand drawn feel.
Scroll Triggered Animation: Define start and end scroll positions or offsets so each highlight only plays when in view.
Universal Text Support: Works on any text element such as headings, paragraphs, lists and rich text.

Why You’ll Love It:

Instant Engagement: Guide visitors’ eyes to important copy.
Designer First Controls: All settings adjustable via Framer’s property panel without any code.
Lightweight & Performant: Tiny bundle size ensures smooth animations on all devices.

","bodyJson":null,"introduction":"","slug":"highlight-reveal","author":{"framerUserId":"e17f143a-8a7c-4fd8-836b-e24c989cff72","name":"John Valentine","slug":"john-valentine","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/727098/avatar-3kI4iypYpxiJBvaamPEvzpMeE85nm6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ylJeir7ExYuTuKXFmlor/highlight-reveal-YqA681Nc1015oYV1UryXfeM4qYC7Gx","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-01T03:01:34.995Z","updatedAt":"2025-09-16T12:20:53.452Z","publishedAt":"2025-09-16T20:57:45.835Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HighlightReveal-RaX9.js@ZzlUR7tLneK6PoLNZZ0y","previewUrl":"https://highlightreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ZzlUR7tLneK6PoLNZZ0y","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":"2025-09-16T20:57:45.835Z","updatedAt":"2025-09-16T20:57:45.835Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6d"}]