65: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"] 66:T87c,

Make your site’s first impression count. This component provides a professional bridge between page click and content reveal, allowing you to showcase your brand identity with synchronized text and graphics while your assets load in the background.

Features

Cinematic Exit Modes: Choose from a variety of high-end transition effects including Circle Shrink, Circle Expand, Staggered Fade, Slide Up, and Wipe transitions.
Visual Media Support: Easily upload an SVG, GIF, or custom graphic to sit alongside your text.
Hierarchical Messaging: Includes dedicated fields for Title and Subtitle with full control over font, weight, and size.
Custom Layout Order: Use the Order controls to reposition the graphic above, below, or between your text elements.
Smart Timing: Set a specific Auto Close duration or use the Force Show toggle to preview your design during the building process.
Precision Styling: Adjust items gap, padding, and background bar colors
directly from the Framer sidebar.
Everything is Customizable.

Use Cases

Ideal for creative portfolios, premium E-commerce stores, or SaaS landing pages that want to maintain a cohesive brand experience from the very first second.

Have any questions about the loader or want a custom transition? Email me at didaserafim90@gmail.com

67:T4bf,

Flow Party Nav offers various cinematic transitions, ensuring a premium feel the moment a user interacts with your menu.

Features

Cinematic Transitions: Includes 7+ styles like Circle (Burger), Curved Slide, and Circle (Top).
Dual-Layer Navigation: Manage header links and a full-screen menu overlay independently.
White-Label Branding: Toggle between Text and Image logos with full control over positioning and fonts.
Responsive Layouts: Adjustable burger positioning and overlay alignment for desktop and mobile.
Deep Customization: Control border widths, accent colors, and specific open/closed navigation states.

Use Cases

Ideal for modern portfolios, luxury landing pages, or any Framer project requiring sophisticated, high-energy navigation!

Have any questions about the navigation setup or want a custom animation style? Email me at didaserafim90@gmail.com

68:T6f8,

Add a bold, experimental edge to your typography. The Scatter Marquee isn't just a standard scrolling text line—as the user scrolls, the characters break away from their baseline, jumping up and down in a "vertical jitter" while traveling across the screen. It creates a chaotic yet controlled motion that grabs attention instantly.

Features

Interactive Scroll Motion: Text position and scattering intensity are directly tied to the user's scroll progress.
Vertical Jitter (Scatter): Use the Scatter Strength and Scatter Speed sliders to control how far and how fast the letters jump vertically.
Horizontal Travel: Adjust the Speed Multiplier to increase the distance the text travels horizontally as the user moves down the page.
Full Typography Control: Completely customizable font selection, size, weight, and letter casing to match your brand's unique style.
Adjustable Scroll Area: Define the exact Scroll Duration (in pixels) to control how long the effect lasts within your layout.
Color Customization: Easy-to-use pickers for both text and background colors to ensure perfect contrast.

Use Cases

Perfect for landing page hero sections, "Flow Party" style announcements, creative agency headers, or any section where you want your message to feel energetic and alive.Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com !

69:T9ab,

Overview

This AI Chatbot is a premium "plug-and-play" asset designed for Framer. It delivers fast, intelligent, and context-aware responses tailored to your specific business niche—from E-commerce to SaaS, while maintaining a professional user experience.

How It Works

Core Intelligence: Processes user messages through a specialized system that enforces concise, 1-2 sentence answers to keep interactions fast.
Strict Topic Guardrails: The bot strictly follows a pre-defined Knowledge Base and will politely decline off-topic questions.
Context Awareness: It remembers previous parts of the chat for natural dialogue.
Universal Integration: Automatically detects the user's language and responds accordingly, ideal for international brands.

Ownership & Costs

One-Time Payment: Purchase the component once and own it forever with no monthly platform subscriptions.
Personal API Control: You utilize your own API key, ensuring you have full control over usage and data security.
Instant Delivery: Receive immediate access to the code and files for instant integration.

Included "Personal Training" Service

Every purchase includes direct professional assistance to ensure the bot is perfect for your brand:

Custom Knowledge Base Setup: I will personally train the AI logic to match your specific website data, FAQs, and brand voice.
Technical Implementation: I provide direct email assistance to help you connect your API and embed the component perfectly, helping every step of the way.
Fast Support: I guarantee a response time of under 24 hours for all setup inquiries..

Policies

Delivery: Access is granted instantly upon confirmation of payment.
Refunds: Granted only if the product fails to perform its technical functions or if i don't deliver everything said in the description.

Have any questions about the component or want a custom setup? Email me at didaserafim90@gmail.com

6a:T776,

Watch as thousands of individual particles transition from a chaotic cloud into structured custom 3D forms, creating a sophisticated and interactive storytelling experience.

Features

Interactive Scroll Morphing: Particles transition seamlessly from organic waves into precise 3D shapes based on scroll progress.
Primitive & Custom Geometries: Choose from built-in shapes (Sphere, Cube, Torus, Pyramid, Star) or upload your own SVGs and 3D files (.glb, .gltf).
Precision Control: Independently adjust the scale and position of the final 3D object without affecting the initial wave state.
Full 3D Rotation: Set the final object to rotate on any axis (X, Y) to showcase every angle of your model.
Deep Customization: Control particle count (up to 10,000+), size, wave speed, amplitude, frequency, and camera height directly from the Framer sidebar.
Performance Optimized: Built for smooth frame rates, ensuring a premium feel even with high particle counts.

Use Cases

Perfect for landing pages, high-end product reveals, interactive storytelling, or adding a "wow" factor to creative portfolios...

How to use

set the width to fill, then the height to the wanted duration of how long the component is sticky, note that the actual duration is set in the scroll dist on the right

Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

6b:T65e,

Display balances in a clean, modern way with Wallet Cards UI — a stylish wallet-style Framer component featuring three animated cards, individual balances, and a total balance overview.

Each card has a smooth press interaction: when tapped or clicked, the balance is revealed with a polished animation, creating a premium and engaging experience instead of showing everything at once.

⚠️ Important Note:Due to Framer limitations, the front background color and border color cannot be changed directly from the right panel. To customize these, you’ll need to enter the component itself and edit them manually.

Key Features

Three Wallet Cards: Each with its own balance
Total Balance Display: Clear overview of all cards combined
Press Animation: Balance reveals smoothly on interaction
Modern UI: Clean layout with subtle motion
Responsive: Works perfectly on desktop and mobile

Best Uses

🚀 Finance dashboards or wallet previews💼 Fintech or payment product demos🎨 UI showcases and concept designs.

💬 Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

6c:T4bd,

Add a futuristic loading animation to your project with the Orbit Nucleus Loader, a 3D-style loader featuring a central nucleus surrounded by two animated orbiting rings. The motion creates depth and a sci-fi visual effect — ideal for modern, tech-like interfaces or polished hero sections.

All aspects are fully customizable: you can adjust the size, colors, animation speed, and orbit intensity, as well as tweak the graph-style motion to match your desired feel.

Key Features

3D Orbit Effect: Two animated rings rotate around a central core (nucleus)
Customizable: Size, speed, colors, orbit style, and animation behavior
Responsive: Works seamlessly across desktop & mobile
Lightweight: Motion is optimized for smooth performance
Perfect for Framer loaders & transitions.

Best Uses

🚀 Preloaders or section transitions🪐 Tech-style hero intros🎨 Sci-fi interfaces & modern portfolios

6d:T60a,

Add depth and motion to your loading screens with the 3D Circle Loader, a sleek and modern Framer component designed to bring life to your page transitions or waiting states.

This loader is made up of multiple animated lines arranged in a circle, each with a 3D sphere at its tip. As the spheres move slightly forward and sideways in sync, they create a smooth illusion of a rotating 3D ring, giving your site a futuristic and dynamic feel.

Everything is fully customizable — you can easily change the color, size, speed, and thickness of the animation to match your design.

Key Features

3D Motion: Spheres move in sync to simulate circular rotation
Customizable: Adjust color, size, speed, and line count
Smooth Animation: Lightweight, fluid movement optimized for performance
Versatile Design: Works for loaders, hero intros, and animated transitions
Responsive: Looks perfect on all screen sizes.

Best Uses

🚀 Page transitions or loading states🎨 Creative portfolios or product showcases✨ Modern websites that need subtle 3D animation

✉️ Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

6e:T6a9,

Enhance interactivity and motion on your website with the Orbit Cursor Effect, a dynamic Framer component where multiple orbits gracefully follow the mouse, creating a mesmerizing and futuristic visual trail.

Each orbit moves with smooth physics-based motion, giving the illusion of layers rotating around your cursor — perfect for adding energy and depth to your hero sections or creative layouts.

Nearly every aspect of the effect is fully customizable, including color, size, speed, and number of orbiting particles, allowing you to match it perfectly to your brand and aesthetic.

Key Features

Multi-Orbit Motion: Several rings follow the cursor with smooth trailing effects
Highly Customizable: Control color, speed, orbit size, and particle count
Lightweight & Smooth: Optimized performance for all screen sizes
Interactive Design: Adds a subtle yet engaging dynamic feel
Perfect for Framer: Easy to drop into any layout or section

Best Uses

🚀 Hero sections with interactive motion🎨 Portfolios or creative landing pages✨ Modern UI projects needing subtle cursor effects.

✉️ Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

6f:T617,

Add subtle, modern notifications to your website with the Smart Toast Popup, a lightweight Framer component that can be triggered manually (via button) or automatically when an element enters the viewport.

The popup smoothly appears in a chosen corner of the screen, displaying a short message, and then disappears automatically after a few seconds — or can be closed manually with an “X” button.

You can easily customize its color, text, position, and duration, making it perfect for alerts, updates, confirmations, or announcements.

Key Features

Dual Trigger Options: Show on button click or when an element enters the viewport
Customizable Design: Adjust colors, text, corner position, and timing
Auto Dismiss: Disappears smoothly after a set duration
Manual Close: Optional “X” button for user control
Responsive & Lightweight: Works perfectly on all screen sizes.

Best Uses

🚀 Quick notifications or confirmation messages💬 Section-based alerts or call-to-action prompts🎨 Creative micro-interactions that improve UX

✉️ Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

70:T517,

Bring realism and smooth motion to your website with the Physics Cursor, a dynamic Framer component that reacts naturally to mouse movement using physics-based motion.

Instead of instantly following the pointer, this cursor accelerates and decelerates toward the direction of movement, creating a fluid, lifelike trailing effect that feels both responsive and organic.

You can easily customize the cursor’s color, size, speed, and friction, making it fit perfectly with your brand’s aesthetic and interaction style.

Key Features

Physics-Based Motion: Natural acceleration and deceleration for realistic feel
Smooth Animation: Perfect balance between responsiveness and fluidity
Customizable: Adjust color, size, trail smoothness, and reaction speed
Lightweight: Optimized for performance across all devices
Easy to Use: Drop it into any Framer project for instant enhancement.

Best Uses

🚀 Interactive landing pages or creative portfolios🎨 Websites that focus on motion and user experience✨ Custom cursors for modern, fluid designs

71:T59c,

Add an elegant loading animation to your project with the Orbit Text Loader — a minimal yet dynamic Framer component that combines text with smooth orbital motion.

The loader features three animated lines rotating around your text, creating a clean and futuristic orbit effect that’s perfect for splash screens, preloaders, or hero intros.

All aspects are fully customizable — from colors and line size to animation speed and text content, allowing you to match your brand or layout perfectly.

Key Features

Orbit Animation: Three lines circle around text for a clean 3D-like effect
Customizable: Easily edit text, colors, speed, and size
Lightweight & Smooth: Optimized for performance in Framer
Versatile Design: Works for loaders, intros, and hero sections
Responsive: Adapts beautifully to any screen size.

Best Uses

🚀 Page or section preloaders✨ Animated hero intros🎨 Modern minimal websites needing subtle motion

✉️ Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

72:T788,

Bring depth and motion to your design with the 3D Gradient Card, an interactive Framer component that reacts beautifully to hover and click. The card features smooth text animations, a rich gradient background, and a 3D pin element that appears and settles dynamically, creating subtle circular ripple effects.

On desktop, the 3D animation is triggered by hover, while on mobile and tablet, it activates on click for a seamless experience across devices.

⚠️ Important Notes:

The gradient cannot be changed via variables — you can only edit it directly inside the component, since Framer doesn’t currently support gradient variables.
On mobile and tablet, make sure to select the “Phone” variant to ensure proper functionality and interactions.

Key Features

3D Hover Effect: Card tilts and reacts to mouse movement
Animated Pin: Appears in 3D space with ripple circles
Gradient Background: Beautiful, smooth color transitions
Customizable Text: Edit titles, descriptions, and fonts
Responsive: Works perfectly on desktop, tablet, and mobile
Smart Triggers: Hover on desktop, click on mobile/tablet.

Best Uses

🚀 Hero sections with interactive highlights🎨 Portfolios and landing pages that need depth and motion✨ Product cards, creative showcases, or modern UI displays

✉️ Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

73:T756,

Showcase your customer feedback in style with the Animated Testimonials Slider. This Framer component displays testimonials in a clean, engaging carousel with arrow navigation, smooth animations, and responsive design.

Fully customizable, you can edit the text, fonts, colors, speed, and arrow styles to match your brand. It’s lightweight, modern, and perfect for adding credibility to any website.

⚠️ Notes:

In the Canvas preview (mobile view), the layout may appear slightly off — but on real mobile devices it works perfectly.
For proper functionality, set the width to 100%.

Best Uses

Landing pages with client feedback Portfolios with social proof or reviews Product or service websites that need credibility Mobile-friendly testimonial sections

Key Features

Animated Carousel: Smooth sliding transition between testimonials
It can also be opaque, not only glassy
Arrow Navigation: Easy next/previous navigation
Customizable: Edit text, fonts, colors, speed, and arrows
Responsive: Works seamlessly across desktop and mobile
Optimized: Lightweight and easy to drop into any Framer project.

Why Use Animated Testimonials Slider?

Adds social proof with engaging animations
Easy to customize for any brand or style
Fully responsive with smooth navigation
Perfect for building trust and credibility

With Animated Testimonials Slider, your client stories come alive with motion, style, and usability...

74:T838,

Transform your background into a lively, modern playground with Interactive Cubes, a Framer component featuring animated 3D-like cubes that react both passively and interactively.

Even without interaction, the cubes move on their own, creating a dynamic ambient effect. On hover or mouse movement, they respond smoothly, following the cursor with fluid motion. When clicked, each cube triggers a playful effect animation, adding depth and interactivity.

Fully customizable, you can adjust the cube size, spacing, colors, and edge styles (solid, dashed, or dotted) to perfectly match your design.

Best Uses

Hero sections with an animated 3D-like background Portfolios and landing pages needing a modern interactive vibe Creative showcases, experimental projects, and artistic websites Interactive canvases where motion enhances engagement

Key Features

Autonomous Motion: Cubes animate by themselves even without interaction
Mouse-Responsive: Smoothly follow cursor movements in real-time
Click Effects: Each cube reacts with a unique visual effect on click
Customizable: Control cube size, spacing, colors, and edge styles (solid, dashed, dotted)
Responsive: Works seamlessly across desktop and mobile
Optimized: Lightweight, fluid animations built for Framer

Why Use Interactive Cubes?

Adds depth and energy to any layout
Boosts engagement through interactivity and motion
Easy to customize for any creative style
Perfect for modern hero sections, interactive portfolios, and playful backgrounds.

With Interactive Cubes, your website gets a living, breathing background full of motion, interaction, and creative possibilities.

75:T6cc,

Elevate your typography with Float Scroll Text Animation, a Framer component that animates text smoothly as the user scrolls. The floating motion creates a dynamic, modern effect that’s perfect for titles, headlines, and hero sections.

Fully customizable, you can change the text content, font, timing, and animation speed to match your design. Lightweight and responsive, this component adds motion without overwhelming your layout.

⚠️ Important: For the best performance, this component should be used with Smooth Scroll enabled.

Best Uses

Hero sections with animated titles Portfolios and landing pages with scroll-triggered motion Feature highlights and section headers Blogs or long-form pages that need subtle animated text accents

Key Features

Scroll-Triggered Animation: Text floats into view as users scroll
Customizable: Adjust text, font, timing, and animation speed
Responsive: Works seamlessly across desktop and mobile
Lightweight: Optimized for smooth performance.

Why Use Float Scroll Text Animation?

Adds motion and depth to static titles
Boosts visual engagement with scroll-driven interactivity
Easy to adapt for any project or layout
Designed for modern hero sections and headings

With Float Scroll Text Animation, your headlines don’t just appear — they glide into view with style and precision.

76:T7da,

Bring motion and personality to your site with Curved Interactive Moving Text, a looping animated text component built for Framer. The text flows continuously along a curved path, creating a dynamic marquee-like effect that instantly catches the eye.

Fully customizable, you can adjust the text content, font, size, speed, direction, curvature, and interactivity to fit your design. Whether subtle or bold, this component gives you endless creative flexibility for modern hero sections, headers, and showcases.

⚠️ Important: For the animation to work correctly, set the width of the component to Fill.

Best Uses

Hero sections with looping animated headlines Portfolios and landing pages with kinetic typography Creative showcases, banners, and interactive headers Continuous motion elements for branding or taglines

Key Features

Looping Motion: Smooth continuous animation along a curved path
Customization: Change text, font, speed, direction, curvature, and interactivity
Responsive: Works across desktop and mobile devices
Interactive: Reacts dynamically for added engagement
Optimized: Lightweight and built for smooth performance in Framer.

Why Use Curved Interactive Moving Text?

Instantly adds modern motion typography to your site
Boosts engagement and visual impact with looping animations
Fully customizable for any creative project
Designed for hero sections, banners, and creative typography layouts

With Curved Interactive Moving Text, your words become a living design element — flowing endlessly with motion, style, and interactivity.

77:T6fa,

Transform static words into motion. Rolling Text is a lightweight Framer component that animates your text with a smooth rolling effect when it enters the viewport. Place it anywhere on your page — hero sections, feature highlights, or footers — and watch your typography come alive.

Fully customizable, you can change font, size, color, speed, delay, and text content to match your design. This makes Rolling Text the perfect blend of elegance and interactivity for modern websites.

Best Uses

🚀 Hero sections with eye-catching animated headlines🎨 Portfolios and landing pages that need modern text motion✨ Feature callouts or section titles that stand out📜 Subtle text animations for long-form pages or blogs

Key Features

On-Scroll Animation: Triggers when text enters the viewport
Customizable Content: Edit any text, font, color, and size
Adjustable Motion: Control rolling speed, delay
Responsive: Works seamlessly across desktop and mobile
Lightweight: Optimized for smooth performance in Framer.

Why Use Rolling Text?

Adds motion and depth to your typography
Boosts engagement with scroll-triggered animation
Easy to customize for any creative project
Perfect for hero sections, headlines, and feature highlights

With Rolling Text, your words don’t just sit still — they roll in with personality and style, helping you stand out with modern motion design.

78:T663,

The Audio Button is a playful yet functional component that lets you easily add sound feedback to your design. On click, it plays an audio file of your choice (MP3, WAV, etc.), and each time the user hovers off and then back on, the sound will replay automatically on click. This creates a dynamic and engaging interaction, perfect for making buttons feel more alive.

Features

Plays any custom audio on click
Replays audio when mouse leaves and re-enters
Fully responsive and easy to restyle
Works seamlessly across desktop and mobile
Simple setup for changing the audio file and button design.

Use Cases

Add playful sound effects to call-to-action buttons
Create audio feedback for notifications or alerts
Enhance gamified interfaces with sound interactions
Build prototypes with voice or music previews

!Important! if you add a audio that is 3 seconds long you must press on the "Playing on click variant" and then at the appear set the delay to the audio length

💡 Have an idea for a component? Send me an email at didaserafim90@gmail.com and maybe we can build it together.

64:["$","$L65",null,{"value":{"fallback":{"$inf$activity-creator-c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6-all:/unified/creator/c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6/activity/":[{"data":[{"id":"019ed6c4-b91b-739c-a47b-8b9ad59d9ea1","type":"creator.followed","target":{"type":"creator","id":"54372365-343c-4acc-be54-358969a62a6c","preview":"Seegency .","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/54372365-343c-4acc-be54-358969a62a6c/ljipLE5vL","slug":"seegency","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","avatar":null,"slug":"serafim-193","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T18:07:57.209Z","latestAt":"2026-06-17T18:07:57.209Z"},{"id":"019ed6c4-9948-746b-8b99-0ae7abedc11b","type":"comment.created","target":{"type":"post","id":"019ed68f-32e6-756f-807c-4ae5967565bd","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed68f-32e6-756f-807c-4ae5967565bd","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed6c4-9929-70d8-b59d-b7b61de3fe92","preview":"Nice work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice work"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed68f-32e6-756f-807c-4ae5967565bd","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed6c4-9929-70d8-b59d-b7b61de3fe92"},"repost":null}},"actors":[{"id":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","avatar":null,"slug":"serafim-193","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T18:07:49.064Z","latestAt":"2026-06-17T18:07:49.064Z"},{"id":"019ed6c4-848e-71ea-8f76-31e508f18820","type":"post.liked","target":{"type":"post","id":"019ed68f-32e6-756f-807c-4ae5967565bd","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed68f-32e6-756f-807c-4ae5967565bd","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","avatar":null,"slug":"serafim-193","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T18:07:43.750Z","latestAt":"2026-06-17T18:07:43.750Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6:/unified/posts/?creator=c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6&with=reposts":[{"data":[{"id":"019e3bf2-42e0-742c-8a58-bdc3baf7ca67","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FNijlnQ1UwxoWxYCd4uf","resolved":true,"title":"Dynamic Site Loader","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Make your site’s first impression count. This component provides a professional bridge between page click and content reveal, allowing you to showcase your brand identity with synchronized text and graphics while your assets load in the background."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Exit Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from a variety of high-end transition effects including "},{"type":"text","text":"Circle Shrink, Circle Expand, Staggered Fade, Slide Up,","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Wipe transitions","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Media Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily upload an "},{"type":"text","text":"SVG, GIF, or custom graphic","marks":[{"type":"bold"}]},{"type":"text","text":" to sit alongside your text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hierarchical Messaging:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes dedicated fields for "},{"type":"text","text":"Title","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Subtitle","marks":[{"type":"bold"}]},{"type":"text","text":" with full control over font, weight, and size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Layout Order:","marks":[{"type":"bold"}]},{"type":"text","text":" Use the "},{"type":"text","text":"Order","marks":[{"type":"bold"}]},{"type":"text","text":" controls to reposition the graphic above, below, or between your text elements."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Timing:","marks":[{"type":"bold"}]},{"type":"text","text":" Set a specific "},{"type":"text","text":"Auto Close","marks":[{"type":"bold"}]},{"type":"text","text":" duration or use the "},{"type":"text","text":"Force Show","marks":[{"type":"bold"}]},{"type":"text","text":" toggle to preview your design during the building process."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Precision Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust items gap, padding, and background bar colors"}]},{"type":"paragraph","content":[{"type":"text","text":"directly from the Framer sidebar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Everything is Customizable.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ideal for creative portfolios, premium E-commerce stores, or SaaS landing pages that want to maintain a cohesive brand experience from the very first second."}]},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the loader or want a custom transition?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]},{"type":"customYoutube","attrs":{"src":"https://www.youtube.com/embed/-tJh2BRfOds?color=white&autoplay=0&controls=1&rel=0","width":700,"height":395,"caption":"","data-youtube-url":"https://youtu.be/-tJh2BRfOds"}}]},"introduction":"Premium entrance animations v2","slug":"dynamic-site-loader","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FNijlnQ1UwxoWxYCd4uf/dynamic-site-loader-ajLUToIImz0qAj2GXzIib1rOvVLVIr","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T19:04:47.232Z","updatedAt":"2026-09-12T10:40:13.671Z","publishedAt":"2026-05-18T16:36:33.120Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://coral-building-521848.framer.app/","price":"10","paymentUrl":"https://buy.stripe.com/8x2aEWadxcvt2ORau3eQM01","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"oXgSDj7qyjysJrTLmOKY","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":"2026-05-18T16:36:33.120Z","updatedAt":"2026-05-18T16:36:33.120Z"},{"id":"019e3bf2-39fb-7304-8407-5e1c8b2d8177","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"cuURFq9EsfLZ8urjH7jN","resolved":true,"title":"Flow Animated Nav v2","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flow Party Nav","marks":[{"type":"bold"}]},{"type":"text","text":" offers various cinematic transitions, ensuring a premium feel the moment a user interacts with your menu."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Transitions:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes 7+ styles like "},{"type":"text","text":"Circle (Burger)","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Curved Slide","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Circle (Top)","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual-Layer Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Manage header links and a full-screen menu overlay independently."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"White-Label Branding:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle between Text and Image logos with full control over positioning and fonts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layouts:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjustable burger positioning and overlay alignment for desktop and mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Control border widths, accent colors, and specific open/closed navigation states."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ideal for modern portfolios, luxury landing pages, or any Framer project requiring sophisticated, high-energy navigation!"}]},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the navigation setup or want a custom animation style?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Versatile 3D cinematic navigation","slug":"flow-animated-nav-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cuURFq9EsfLZ8urjH7jN/flow-animated-nav-8hot6qKk2eLCRw2gDeqEByGKXIqn8k","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-09T18:58:27.991Z","updatedAt":"2026-09-12T10:40:29.305Z","publishedAt":"2026-05-18T16:36:30.843Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://strategic-cylinder-073172.framer.app/","price":"11","paymentUrl":"https://buy.stripe.com/eVqcN43P92UTexzdGfeQM02","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"PR8RzpaRzHp2f8afh8YT","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":"2026-05-18T16:36:30.843Z","updatedAt":"2026-05-18T16:36:30.843Z"},{"id":"019e2752-0148-7905-a5f5-df02f4daa643","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10lEpt1ExpkucbQXajmS","resolved":true,"title":"Scroll Marquee v2","body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a bold, experimental edge to your typography. The Scatter Marquee isn't just a standard scrolling text line—as the user scrolls, the characters break away from their baseline, jumping up and down in a \"vertical jitter\" while traveling across the screen. It creates a chaotic yet controlled motion that grabs attention instantly."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Scroll Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Text position and scattering intensity are directly tied to the user's scroll progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical Jitter (Scatter):","marks":[{"type":"bold"}]},{"type":"text","text":" Use the "},{"type":"text","text":"Scatter Strength","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Scatter Speed","marks":[{"type":"bold"}]},{"type":"text","text":" sliders to control how far and how fast the letters jump vertically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal Travel:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the "},{"type":"text","text":"Speed Multiplier","marks":[{"type":"bold"}]},{"type":"text","text":" to increase the distance the text travels horizontally as the user moves down the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Typography Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Completely customizable font selection, size, weight, and letter casing to match your brand's unique style."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Scroll Area:","marks":[{"type":"bold"}]},{"type":"text","text":" Define the exact "},{"type":"text","text":"Scroll Duration","marks":[{"type":"bold"}]},{"type":"text","text":" (in pixels) to control how long the effect lasts within your layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Easy-to-use pickers for both text and background colors to ensure perfect contrast."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for landing page hero sections, \"Flow Party\" style announcements, creative agency headers, or any section where you want your message to feel energetic and alive."},{"type":"text","text":"Have any questions about the component or want a custom one?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com !","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"A dynamic scroll-driven text","slug":"scroll-marquee-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/10lEpt1ExpkucbQXajmS/scroll-marquee-dFLsNfoh4Osa1coAHVdButfK0hVO4a","metadata":{"tint":{"h":18,"s":94,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-05T19:13:03.580Z","updatedAt":"2026-09-12T10:40:40.258Z","publishedAt":"2026-05-14T16:29:06.248Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://encouraging-habits-658541.framer.app/","price":"8","paymentUrl":"https://buy.stripe.com/6oUaEWclF0ML2ORcCbeQM03","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"EYWMjnWGlEJjYf5inzdQ","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-05-14T16:29:06.248Z","updatedAt":"2026-05-14T16:29:06.248Z"},{"id":"019e22df-b4f4-77fc-b3ea-1b37ef37bff9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1E27ZNaw8JXEUtm52SC0","resolved":true,"title":"AI Custom Chatbot v2","body":"$69","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"This AI Chatbot is a premium \"plug-and-play\" asset designed for Framer. It delivers fast, intelligent, and context-aware responses tailored to your specific business niche—from E-commerce to SaaS, while maintaining a professional user experience."}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Core Intelligence:","marks":[{"type":"bold"}]},{"type":"text","text":" Processes user messages through a specialized system that enforces concise, 1-2 sentence answers to keep interactions fast."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Strict Topic Guardrails:","marks":[{"type":"bold"}]},{"type":"text","text":" The bot strictly follows a pre-defined Knowledge Base and will politely decline off-topic questions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Context Awareness:","marks":[{"type":"bold"}]},{"type":"text","text":" It remembers previous parts of the chat for natural dialogue."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Universal Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically detects the user's language and responds accordingly, ideal for international brands."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Ownership & Costs"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-Time Payment:","marks":[{"type":"bold"}]},{"type":"text","text":" Purchase the component once and own it forever with no monthly platform subscriptions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal API Control:","marks":[{"type":"bold"}]},{"type":"text","text":" You utilize your own API key, ensuring you have full control over usage and data security."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instant Delivery:","marks":[{"type":"bold"}]},{"type":"text","text":" Receive immediate access to the code and files for instant integration."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Included \"Personal Training\" Service"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every purchase includes direct professional assistance to ensure the bot is perfect for your brand:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Knowledge Base Setup:","marks":[{"type":"bold"}]},{"type":"text","text":" I will personally train the AI logic to match your specific website data, FAQs, and brand voice."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Technical Implementation:","marks":[{"type":"bold"}]},{"type":"text","text":" I provide direct email assistance to help you connect your API and embed the component perfectly, helping every step of the way."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fast Support:","marks":[{"type":"bold"}]},{"type":"text","text":" I guarantee a response time of under 24 hours for all setup inquiries.."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Policies"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Delivery:","marks":[{"type":"bold"}]},{"type":"text","text":" Access is granted instantly upon confirmation of payment."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Refunds:","marks":[{"type":"bold"}]},{"type":"text","text":" Granted only if the product fails to perform its technical functions or if i don't deliver everything said in the description."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the component or want a custom setup?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Professional AI support for anyone","slug":"ai-custom-chatbot-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Wgr1GpXiKvKIb0z1QgnX/ai-custom-chatbot-7eMcfImi05s7QaeRDbmabFproLwt7M","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-25T18:52:18.933Z","updatedAt":"2026-09-12T10:40:47.923Z","publishedAt":"2026-05-13T19:45:46.740Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://aichatbot4you.framer.ai/","price":"50","paymentUrl":"https://buy.stripe.com/bJe14m99tgLJahjby7eQM04","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"Sbs5u3w7RnV4Hylt8whl","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-13T19:45:46.740Z","updatedAt":"2026-05-13T19:45:46.740Z"},{"id":"019c520f-8f55-7fa7-8087-2154ec4f88f3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1lJP3OIAI8ip5j1Bs4Xq","resolved":true,"title":"Scroll grid v2","body":"

Features

Smooth focus and depth-based transitions
Fully responsive on desktop, tablet, and mobile
Works great with image or media-based content
Clean layout that keeps performance lightweight
Easy to customize spacing, sizes, and content.

Use Cases

Perfect for galleries, portfolios, inspiration boards, product collections, or editorial-style sections where one item should stand out at a time.

Have any questions about the component or want a custom one?Email me at didaserafim90@gmail.com

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth focus and depth-based transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works great with image or media-based content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean layout that keeps performance lightweight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize spacing, sizes, and content."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for galleries, portfolios, inspiration boards, product collections, or editorial-style sections where one item should stand out at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the component or want a custom one?","marks":[{"type":"bold"}]},{"type":"text","text":"Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Scroll activated grid showcase","slug":"scroll-grid-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1lJP3OIAI8ip5j1Bs4Xq/scroll-grid-3Ninvq59a96VvallasawhVsjHa8hxF","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-31T18:11:39.594Z","updatedAt":"2026-09-12T10:40:54.393Z","publishedAt":"2026-02-12T13:34:37.397Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://slight-architecture-605375.framer.app/","price":"7","paymentUrl":"https://buy.stripe.com/eVqdR8bhBanl613fOneQM05","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"DnR8VqRZutZV7ZJzpTnz","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":"2026-02-12T13:34:37.397Z","updatedAt":"2026-02-12T13:34:37.397Z"},{"id":"019c4e61-7be1-79f4-a581-a9308f45a9c8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GeJCh7flXiCb7iD5BSdF","resolved":true,"title":"Particle Morph 3D v2","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Watch as thousands of individual particles transition from a chaotic cloud into structured custom 3D forms, creating a sophisticated and interactive storytelling experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Scroll Morphing:","marks":[{"type":"bold"}]},{"type":"text","text":" Particles transition seamlessly from organic waves into precise 3D shapes based on scroll progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Primitive & Custom Geometries:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from built-in shapes (Sphere, Cube, Torus, Pyramid, Star) or upload your own "},{"type":"text","text":"SVGs","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"3D files (.glb, .gltf)","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Precision Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Independently adjust the scale and position of the final 3D object without affecting the initial wave state."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full 3D Rotation:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the final object to rotate on any axis (X, Y) to showcase every angle of your model."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Control particle count (up to 10,000+), size, wave speed, amplitude, frequency, and camera height directly from the Framer sidebar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Built for smooth frame rates, ensuring a premium feel even with high particle counts."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for landing pages, high-end product reveals, interactive storytelling, or adding a \"wow\" factor to creative portfolios..."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"set the width to fill, then the height to the wanted duration of how long the component is sticky, note that the actual duration is set in the scroll dist on the right"}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2iirxqs2-RzbBHhuNlCflaFiCoRa8VpxjQ5IDWN","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the component or want a custom one?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Particle custom 3d on scroll","slug":"particle-morph-3d-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GeJCh7flXiCb7iD5BSdF/particle-morph-3d-KHbGVufKscnXjc4TlgBO5v92enOIkO","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-01T20:58:34.134Z","updatedAt":"2026-09-12T10:41:04.283Z","publishedAt":"2026-02-11T20:25:37.505Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://particlescoll.framer.website/","price":"15","paymentUrl":"https://buy.stripe.com/5kQ00ibhB3YX3SV31BeQM06","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"xXxskCNtvgqJMiczrjKX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-11T20:25:37.505Z","updatedAt":"2026-02-11T20:25:37.505Z"},{"id":"019bdd24-6f94-76a2-8bdf-374faf846e48","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"OoItDfMXfkWJZV0CmEZT","resolved":true,"title":"Wallet Cards UI v2","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Display balances in a clean, modern way with "},{"type":"text","text":"Wallet Cards UI","marks":[{"type":"bold"}]},{"type":"text","text":" — a stylish wallet-style Framer component featuring "},{"type":"text","text":"three animated cards","marks":[{"type":"bold"}]},{"type":"text","text":", individual balances, and a "},{"type":"text","text":"total balance overview","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card has a smooth "},{"type":"text","text":"press interaction","marks":[{"type":"bold"}]},{"type":"text","text":": when tapped or clicked, the balance is revealed with a polished animation, creating a premium and engaging experience instead of showing everything at once."}]},{"type":"customHeading","content":[{"type":"text","text":"⚠️ Important Note:Due to Framer limitations, the front background color and border color cannot be changed directly from the right panel. To customize these, you’ll need to enter the component itself and edit them manually."}],"attrs":{"level":2}},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three Wallet Cards:","marks":[{"type":"bold"}]},{"type":"text","text":" Each with its own balance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total Balance Display:","marks":[{"type":"bold"}]},{"type":"text","text":" Clear overview of all cards combined"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Press Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Balance reveals smoothly on interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern UI:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean layout with subtle motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works perfectly on desktop and mobile"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Finance dashboards or wallet previews"},{"type":"emoji","attrs":{"name":"briefcase","emoji":"💼"}},{"type":"text","text":" Fintech or payment product demos"},{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" UI showcases and concept designs."}]},{"type":"paragraph","content":[{"type":"text","text":"💬 "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Interactive Payment","slug":"wallet-cards-ui-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OoItDfMXfkWJZV0CmEZT/wallet-cards-ui-nf8gHYsKmdUytn3RgXdydCQKD95Qlv","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-07T17:28:16.784Z","updatedAt":"2026-09-12T10:41:11.349Z","publishedAt":"2026-01-20T20:41:51.252Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://calm-seat-060266.framer.app/","price":"7","paymentUrl":"https://buy.stripe.com/dRm9ASdpJfHFexzfOneQM07","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"z4AEpqRy5eoUDnBVVj39","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":"2026-01-20T20:41:51.252Z","updatedAt":"2026-01-20T20:41:51.252Z"},{"id":"019ab73c-ca0c-7aa1-9104-817f68edc931","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FSuGVI9TsVntN5MaqhVd","resolved":true,"title":"Orbit Nucleus Loader","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a futuristic loading animation to your project with the "},{"type":"text","text":"Orbit Nucleus Loader","marks":[{"type":"bold"}]},{"type":"text","text":", a 3D-style loader featuring a "},{"type":"text","text":"central nucleus","marks":[{"type":"bold"}]},{"type":"text","text":" surrounded by "},{"type":"text","text":"two animated orbiting rings","marks":[{"type":"bold"}]},{"type":"text","text":". The motion creates depth and a sci-fi visual effect — ideal for modern, tech-like interfaces or polished hero sections."}]},{"type":"paragraph","content":[{"type":"text","text":"All aspects are "},{"type":"text","text":"fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":": you can adjust the "},{"type":"text","text":"size, colors, animation speed, and orbit intensity","marks":[{"type":"bold"}]},{"type":"text","text":", as well as tweak the "},{"type":"text","text":"graph-style motion","marks":[{"type":"bold"}]},{"type":"text","text":" to match your desired feel."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Orbit Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Two animated rings rotate around a central core (nucleus)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Size, speed, colors, orbit style, and animation behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works seamlessly across desktop & mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight:","marks":[{"type":"bold"}]},{"type":"text","text":" Motion is optimized for smooth performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for Framer loaders & transitions.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Preloaders or section transitions🪐 Tech-style hero intros🎨 Sci-fi interfaces & modern portfolios"}]}]},"introduction":"Interactive loaded v2","slug":"orbit-nucleus-loader","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FSuGVI9TsVntN5MaqhVd/orbit-nucleus-loader-bThXp2Uj7yjC5IKVA9Lid7uzt0Sebp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-19T17:07:50.541Z","updatedAt":"2026-09-12T10:41:19.643Z","publishedAt":"2025-11-24T19:00:05.772Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://discreet-enthusiasm-542694.framer.app/","price":"6","paymentUrl":"https://buy.stripe.com/14AeVc99t7b989b31BeQM08","workshop":true,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"qNZz4JBFvhyYnCuykzZn","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-11-24T19:00:05.772Z","updatedAt":"2025-11-24T19:00:05.772Z"},{"id":"019a6ec0-9e6b-748b-8b56-3d9b446f5af8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RWDxNObGnYLquRS92rjf","resolved":true,"title":"3D Circle Loader v2","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add depth and motion to your loading screens with the "},{"type":"text","text":"3D Circle Loader","marks":[{"type":"bold"}]},{"type":"text","text":", a sleek and modern Framer component designed to bring life to your page transitions or waiting states."}]},{"type":"paragraph","content":[{"type":"text","text":"This loader is made up of "},{"type":"text","text":"multiple animated lines arranged in a circle","marks":[{"type":"bold"}]},{"type":"text","text":", each with a "},{"type":"text","text":"3D sphere","marks":[{"type":"bold"}]},{"type":"text","text":" at its tip. As the spheres move slightly forward and sideways in sync, they create a "},{"type":"text","text":"smooth illusion of a rotating 3D ring","marks":[{"type":"bold"}]},{"type":"text","text":", giving your site a futuristic and dynamic feel."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is "},{"type":"text","text":"fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" — you can easily change the "},{"type":"text","text":"color, size, speed, and thickness","marks":[{"type":"bold"}]},{"type":"text","text":" of the animation to match your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Spheres move in sync to simulate circular rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust color, size, speed, and line count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight, fluid movement optimized for performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Versatile Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Works for loaders, hero intros, and animated transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Looks perfect on all screen sizes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Page transitions or loading states🎨 Creative portfolios or product showcases✨ Modern websites that need subtle 3D animation"}]},{"type":"paragraph","content":[{"type":"text","text":"✉️ "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Satisfying looping animation","slug":"3d-circle-loader-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RWDxNObGnYLquRS92rjf/3d-circle-loader-Cn8EdUOmTHuLy3EICI32zM24kizY5q","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-28T15:02:57.285Z","updatedAt":"2026-09-12T10:41:26.785Z","publishedAt":"2025-11-10T17:11:48.587Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://loadingcircle.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/aFadR8etN531bln59JeQM09","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"ktgjbDPyOdlkLKT5GiRq","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-10T17:11:48.587Z","updatedAt":"2025-11-10T17:11:48.587Z"},{"id":"019a6ec0-95ba-7d9b-9728-a24a87926043","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wsreV37qYKBiSnRuxfKf","resolved":true,"title":"Particle Orbit v2","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance interactivity and motion on your website with the "},{"type":"text","text":"Orbit Cursor Effect","marks":[{"type":"bold"}]},{"type":"text","text":", a dynamic Framer component where "},{"type":"text","text":"multiple orbits gracefully follow the mouse","marks":[{"type":"bold"}]},{"type":"text","text":", creating a mesmerizing and futuristic visual trail."}]},{"type":"paragraph","content":[{"type":"text","text":"Each orbit moves with smooth physics-based motion, giving the illusion of layers rotating around your cursor — perfect for adding energy and depth to your hero sections or creative layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Nearly every aspect of the effect is "},{"type":"text","text":"fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":", including "},{"type":"text","text":"color, size, speed, and number of orbiting particles","marks":[{"type":"bold"}]},{"type":"text","text":", allowing you to match it perfectly to your brand and aesthetic."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-Orbit Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Several rings follow the cursor with smooth trailing effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Control color, speed, orbit size, and particle count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & Smooth:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized performance for all screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Adds a subtle yet engaging dynamic feel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for Framer:","marks":[{"type":"bold"}]},{"type":"text","text":" Easy to drop into any layout or section"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Hero sections with interactive motion"},{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Portfolios or creative landing pages"},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Modern UI projects needing subtle cursor effects."}]},{"type":"paragraph","content":[{"type":"text","text":"✉️ "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Mouse following","slug":"particle-orbit-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wsreV37qYKBiSnRuxfKf/particle-orbit-ouoA4anQYrmHhq757tH7ssGoWvxfEK","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-01T11:39:10.782Z","updatedAt":"2026-09-12T10:41:33.598Z","publishedAt":"2025-11-10T17:11:46.362Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://warm-message-398005.framer.app/","price":"5","paymentUrl":"https://buy.stripe.com/aFacN45XhgLJ89bgSreQM0a","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"3RqfZMVhm8R5RUbB4ZEM","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-10T17:11:46.362Z","updatedAt":"2025-11-10T17:11:46.362Z"},{"id":"019a6ec0-85d3-75f1-bbf1-d8281dbb9b79","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"nwO7EA0TQw61HYyG8sZK","resolved":true,"title":"Toast Notification","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add subtle, modern notifications to your website with the "},{"type":"text","text":"Smart Toast Popup","marks":[{"type":"bold"}]},{"type":"text","text":", a lightweight Framer component that can be triggered "},{"type":"text","text":"manually (via button)","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"automatically when an element enters the viewport","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"The popup smoothly appears in a chosen "},{"type":"text","text":"corner of the screen","marks":[{"type":"bold"}]},{"type":"text","text":", displaying a short message, and then "},{"type":"text","text":"disappears automatically after a few seconds","marks":[{"type":"bold"}]},{"type":"text","text":" — or can be closed manually with an "},{"type":"text","text":"“X” button","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"You can easily customize its "},{"type":"text","text":"color, text, position, and duration","marks":[{"type":"bold"}]},{"type":"text","text":", making it perfect for alerts, updates, confirmations, or announcements."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Trigger Options:","marks":[{"type":"bold"}]},{"type":"text","text":" Show on button click or when an element enters the viewport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust colors, text, corner position, and timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Dismiss:","marks":[{"type":"bold"}]},{"type":"text","text":" Disappears smoothly after a set duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Manual Close:","marks":[{"type":"bold"}]},{"type":"text","text":" Optional “X” button for user control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive & Lightweight:","marks":[{"type":"bold"}]},{"type":"text","text":" Works perfectly on all screen sizes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Quick notifications or confirmation messages💬 Section-based alerts or call-to-action prompts🎨 Creative micro-interactions that improve UX"}]},{"type":"paragraph","content":[{"type":"text","text":"✉️ "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Popup v2","slug":"toast-notification","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/nwO7EA0TQw61HYyG8sZK/toast-notification-goaCxYYGk4ffRwuiZfvYFOBjJUxOpK","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-01T17:22:04.659Z","updatedAt":"2026-09-12T10:41:42.832Z","publishedAt":"2025-11-10T17:11:42.291Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://toast-notification.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/fZu14m5Xh1QP9dfdGfeQM0b","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"qvoQ68h0frxqpVdqoSKL","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-10T17:11:42.291Z","updatedAt":"2025-11-10T17:11:42.291Z"},{"id":"019a6ec0-79f2-7f2a-965a-c8637a2ba810","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vHSd5N5JrVb1fYceTGSh","resolved":true,"title":"SmoothCursor v2","body":"$70","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring realism and smooth motion to your website with the "},{"type":"text","text":"Physics Cursor","marks":[{"type":"bold"}]},{"type":"text","text":", a dynamic Framer component that reacts naturally to mouse movement using physics-based motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of instantly following the pointer, this cursor "},{"type":"text","text":"accelerates and decelerates","marks":[{"type":"bold"}]},{"type":"text","text":" toward the direction of movement, creating a fluid, lifelike trailing effect that feels both responsive and organic."}]},{"type":"paragraph","content":[{"type":"text","text":"You can easily "},{"type":"text","text":"customize the cursor’s color, size, speed, and friction","marks":[{"type":"bold"}]},{"type":"text","text":", making it fit perfectly with your brand’s aesthetic and interaction style."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics-Based Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Natural acceleration and deceleration for realistic feel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Perfect balance between responsiveness and fluidity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust color, size, trail smoothness, and reaction speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for performance across all devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to Use:","marks":[{"type":"bold"}]},{"type":"text","text":" Drop it into any Framer project for instant enhancement."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Interactive landing pages or creative portfolios🎨 Websites that focus on motion and user experience✨ Custom cursors for modern, fluid designs"}]}]},"introduction":" Physics based","slug":"smoothcursor-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vHSd5N5JrVb1fYceTGSh/smoothcursor-IeOt0f9rehC8uNsy3p3kCwYXt7XANP","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-01T19:47:18.681Z","updatedAt":"2026-09-12T10:41:49.180Z","publishedAt":"2025-11-10T17:11:39.250Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://physics-cursor.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/dRmcN45Xhanl9dfeKjeQM0c","workshop":true,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"de55QSxl7wnlsvcfS9ae","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-10T17:11:39.250Z","updatedAt":"2025-11-10T17:11:39.250Z"},{"id":"019a5f43-afa2-7514-956f-ee3c24cac2f7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tGgcTYtWANmCyo9rxUO8","resolved":true,"title":"Orbit Text Loader v2","body":"$71","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add an elegant loading animation to your project with the "},{"type":"text","text":"Orbit Text Loader","marks":[{"type":"bold"}]},{"type":"text","text":" — a minimal yet dynamic Framer component that combines text with smooth orbital motion."}]},{"type":"paragraph","content":[{"type":"text","text":"The loader features "},{"type":"text","text":"three animated lines rotating around your text","marks":[{"type":"bold"}]},{"type":"text","text":", creating a clean and futuristic "},{"type":"text","text":"orbit effect","marks":[{"type":"bold"}]},{"type":"text","text":" that’s perfect for splash screens, preloaders, or hero intros."}]},{"type":"paragraph","content":[{"type":"text","text":"All aspects are "},{"type":"text","text":"fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" — from "},{"type":"text","text":"colors and line size","marks":[{"type":"bold"}]},{"type":"text","text":" to "},{"type":"text","text":"animation speed and text content","marks":[{"type":"bold"}]},{"type":"text","text":", allowing you to match your brand or layout perfectly."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Three lines circle around text for a clean 3D-like effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily edit text, colors, speed, and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & Smooth:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for performance in Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Versatile Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Works for loaders, intros, and hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Adapts beautifully to any screen size."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Page or section preloaders✨ Animated hero intros🎨 Modern minimal websites needing subtle motion"}]},{"type":"paragraph","content":[{"type":"text","text":"✉️ "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Universe like stars","slug":"orbit-text-loader-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tGgcTYtWANmCyo9rxUO8/orbit-text-loader-RfJN6j9KOhMGsx9iv9q4FL4GjLdf54","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-30T19:49:12.186Z","updatedAt":"2026-09-12T10:41:55.395Z","publishedAt":"2025-11-07T17:01:02.754Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://loadingorbit.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/8x25kCgBV5313SVcCbeQM0d","workshop":true,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"XG1bOqRuXNiLqMIQN7y0","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-07T17:01:02.754Z","updatedAt":"2025-11-07T17:01:02.754Z"},{"id":"019a5f38-958a-716c-a3cc-5a0d61b2ecd3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8w4aHOOr1ZCeBfEatSif","resolved":true,"title":"3D Gradient Card v2","body":"$72","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring depth and motion to your design with the "},{"type":"text","text":"3D Gradient Card","marks":[{"type":"bold"}]},{"type":"text","text":", an interactive Framer component that reacts beautifully to hover and click. The card features smooth text animations, a rich gradient background, and a 3D "},{"type":"text","text":"pin element","marks":[{"type":"bold"}]},{"type":"text","text":" that appears and settles dynamically, creating subtle circular ripple effects."}]},{"type":"paragraph","content":[{"type":"text","text":"On "},{"type":"text","text":"desktop","marks":[{"type":"bold"}]},{"type":"text","text":", the 3D animation is triggered by "},{"type":"text","text":"hover","marks":[{"type":"bold"}]},{"type":"text","text":", while on "},{"type":"text","text":"mobile and tablet","marks":[{"type":"bold"}]},{"type":"text","text":", it activates "},{"type":"text","text":"on click","marks":[{"type":"bold"}]},{"type":"text","text":" for a seamless experience across devices."}]},{"type":"customHeading","content":[{"type":"text","text":"⚠️ Important Notes:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"text","text":"gradient cannot be changed via variables","marks":[{"type":"bold"}]},{"type":"text","text":" — you can only edit it "},{"type":"text","text":"directly inside the component","marks":[{"type":"bold"}]},{"type":"text","text":", since Framer doesn’t currently support gradient variables."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On "},{"type":"text","text":"mobile and tablet","marks":[{"type":"bold"}]},{"type":"text","text":", make sure to select the "},{"type":"text","text":"“Phone” variant","marks":[{"type":"bold"}]},{"type":"text","text":" to ensure proper functionality and interactions."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Hover Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Card tilts and reacts to mouse movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated Pin:","marks":[{"type":"bold"}]},{"type":"text","text":" Appears in 3D space with ripple circles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient Background:","marks":[{"type":"bold"}]},{"type":"text","text":" Beautiful, smooth color transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Text:","marks":[{"type":"bold"}]},{"type":"text","text":" Edit titles, descriptions, and fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works perfectly on desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Triggers:","marks":[{"type":"bold"}]},{"type":"text","text":" Hover on desktop, click on mobile/tablet."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Hero sections with interactive highlights🎨 Portfolios and landing pages that need depth and motion✨ Product cards, creative showcases, or modern UI displays"}]},{"type":"paragraph","content":[{"type":"text","text":"✉️ "},{"type":"text","text":"Have any questions about the component or want a custom one? Email me at ","marks":[{"type":"bold"}]},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"MUST SEE COMPONENT","slug":"3d-gradient-card-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8w4aHOOr1ZCeBfEatSif/3d-gradient-card-OIksJpy9avTgSvv6sP8QTzO73nuHkZ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-28T14:28:03.107Z","updatedAt":"2026-09-12T10:42:00.895Z","publishedAt":"2025-11-07T16:48:55.178Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://resilient-centre-303420.framer.app/","price":"6","paymentUrl":"https://buy.stripe.com/8x2fZggBVeDBgFH7hReQM0e","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"yJpUpIpHw170EHBGC716","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-11-07T16:48:55.178Z","updatedAt":"2025-11-07T16:48:55.178Z"},{"id":"0199f873-c1f1-746f-9e66-41c4ac459be5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Hi8MuJxsQ7qfCyd9Mwsb","resolved":true,"title":"Glass Testimonial v2","body":"$73","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your customer feedback in style with the "},{"type":"text","text":"Animated Testimonials Slider","marks":[{"type":"bold"}]},{"type":"text","text":". This Framer component displays testimonials in a clean, engaging carousel with arrow navigation, smooth animations, and responsive design."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can edit the "},{"type":"text","text":"text, fonts, colors, speed, and arrow styles","marks":[{"type":"bold"}]},{"type":"text","text":" to match your brand. It’s lightweight, modern, and perfect for adding credibility to any website."}]},{"type":"customHeading","content":[{"type":"text","text":"⚠️ Notes:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In the Canvas preview (mobile view), the layout may appear slightly off — but on real mobile devices it works perfectly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"For proper functionality, set the "},{"type":"text","text":"width to 100%","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Landing pages with client feedback Portfolios with social proof or reviews Product or service websites that need credibility Mobile-friendly testimonial sections"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated Carousel:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth sliding transition between testimonials"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"It can also be opaque, not only glassy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrow Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Easy next/previous navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Edit text, fonts, colors, speed, and arrows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works seamlessly across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight and easy to drop into any Framer project."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Animated Testimonials Slider?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds "},{"type":"text","text":"social proof","marks":[{"type":"bold"}]},{"type":"text","text":" with engaging animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize for "},{"type":"text","text":"any brand or style","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive with smooth navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"building trust and credibility","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Animated Testimonials Slider","marks":[{"type":"bold"}]},{"type":"text","text":", your client stories come alive with motion, style, and usability..."}]}]},"introduction":"Interactive Testimonials","slug":"glass-testimonial-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Hi8MuJxsQ7qfCyd9Mwsb/animated-testimonial-Th4tM9k3QTGPkCewVKgnVGS2JiNTKp","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-24T15:18:30.957Z","updatedAt":"2026-09-12T10:42:06.107Z","publishedAt":"2025-10-18T17:52:39.921Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animatedtestimonials.framer.website/","price":"10","paymentUrl":"https://buy.stripe.com/fZu28qfxR9jhblndGfeQM0f","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"loOirxdGQji45IV3ueyb","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-18T17:52:39.921Z","updatedAt":"2025-10-18T17:52:39.921Z"},{"id":"0199a580-aaae-7566-9c1e-9be665702665","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yhDW5krTtXFS3TdhTTaj","resolved":true,"title":"Interactive Cubes v2","body":"$74","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your background into a lively, modern playground with "},{"type":"text","text":"Interactive Cubes","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer component featuring animated 3D-like cubes that react both passively and interactively."}]},{"type":"paragraph","content":[{"type":"text","text":"Even without interaction, the cubes "},{"type":"text","text":"move on their own","marks":[{"type":"bold"}]},{"type":"text","text":", creating a dynamic ambient effect. On hover or mouse movement, they respond smoothly, following the cursor with fluid motion. When clicked, each cube triggers a playful "},{"type":"text","text":"effect animation","marks":[{"type":"bold"}]},{"type":"text","text":", adding depth and interactivity."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can adjust the "},{"type":"text","text":"cube size, spacing, colors, and edge styles (solid, dashed, or dotted)","marks":[{"type":"bold"}]},{"type":"text","text":" to perfectly match your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero sections with an animated 3D-like background Portfolios and landing pages needing a modern interactive vibe Creative showcases, experimental projects, and artistic websites Interactive canvases where motion enhances engagement"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autonomous Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Cubes animate by themselves even without interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse-Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Smoothly follow cursor movements in real-time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Each cube reacts with a unique visual effect on click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Control cube size, spacing, colors, and edge styles (solid, dashed, dotted)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works seamlessly across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight, fluid animations built for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Interactive Cubes?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds "},{"type":"text","text":"depth and energy","marks":[{"type":"bold"}]},{"type":"text","text":" to any layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boosts "},{"type":"text","text":"engagement","marks":[{"type":"bold"}]},{"type":"text","text":" through interactivity and motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize for "},{"type":"text","text":"any creative style","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"modern hero sections, interactive portfolios, and playful backgrounds.","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Interactive Cubes","marks":[{"type":"bold"}]},{"type":"text","text":", your website gets a living, breathing background full of motion, interaction, and creative possibilities."}]}]},"introduction":"Mouse activated","slug":"interactive-cubes-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/yhDW5krTtXFS3TdhTTaj/interactive-cubes-5C06hdyDvPkrEGTVhJH3eP0Wff2uVN","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-24T19:45:29.677Z","updatedAt":"2026-09-12T10:42:10.899Z","publishedAt":"2025-10-02T15:18:17.006Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactivecubes.framer.website/","price":"10","paymentUrl":"https://buy.stripe.com/28E7sKadxfHF0GJau3eQM0g","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"tEfMbMAd2erXyOHTtipw","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-02T15:18:17.006Z","updatedAt":"2025-10-02T15:18:17.006Z"},{"id":"01999b37-a607-737e-b04d-6b81a3825d09","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"PRGCS0bButiwPuuLbUEw","resolved":true,"title":"Scroll Float v2","body":"$75","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your typography with "},{"type":"text","text":"Float Scroll Text Animation","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer component that animates text smoothly as the user scrolls. The floating motion creates a dynamic, modern effect that’s perfect for titles, headlines, and hero sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can change the "},{"type":"text","text":"text content, font, timing, and animation speed","marks":[{"type":"bold"}]},{"type":"text","text":" to match your design. Lightweight and responsive, this component adds motion without overwhelming your layout."}]},{"type":"paragraph","content":[{"type":"text","text":"⚠️ "},{"type":"text","text":"Important:","marks":[{"type":"bold"}]},{"type":"text","text":" For the best performance, this component should be used with "},{"type":"text","text":"Smooth Scroll","marks":[{"type":"bold"}]},{"type":"text","text":" enabled."}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero sections with animated titles Portfolios and landing pages with scroll-triggered motion Feature highlights and section headers Blogs or long-form pages that need subtle animated text accents"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Triggered Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Text floats into view as users scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust text, font, timing, and animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works seamlessly across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for smooth performance."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Float Scroll Text Animation?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds "},{"type":"text","text":"motion and depth","marks":[{"type":"bold"}]},{"type":"text","text":" to static titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boosts "},{"type":"text","text":"visual engagement","marks":[{"type":"bold"}]},{"type":"text","text":" with scroll-driven interactivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to adapt for "},{"type":"text","text":"any project or layout","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"modern hero sections and headings","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Float Scroll Text Animation","marks":[{"type":"bold"}]},{"type":"text","text":", your headlines don’t just appear — they glide into view with style and precision."}]}]},"introduction":"SMOOTH ON SCROLL ANIMATION","slug":"scroll-float-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PRGCS0bButiwPuuLbUEw/scroll-float-fKZ7f9FsWnyiBH8bPBlTFh9VFOJnO6","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-23T16:21:03.891Z","updatedAt":"2026-09-12T10:42:15.556Z","publishedAt":"2025-09-30T15:22:19.527Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollfloat.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/bJecN4bhBdzx3SV1XxeQM0h","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"PXKIjc0Br12bU5sXRFQD","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-30T15:22:19.527Z","updatedAt":"2025-09-30T15:22:19.527Z"},{"id":"01998743-05d8-7656-88f3-f12cc69143a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ROdJRDqZBMtO4qqqxXLU","resolved":true,"title":"CurvedText v2","body":"$76","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring motion and personality to your site with "},{"type":"text","text":"Curved Interactive Moving Text","marks":[{"type":"bold"}]},{"type":"text","text":", a looping animated text component built for Framer. The text flows continuously along a curved path, creating a dynamic marquee-like effect that instantly catches the eye."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can adjust the "},{"type":"text","text":"text content, font, size, speed, direction, curvature, and interactivity","marks":[{"type":"bold"}]},{"type":"text","text":" to fit your design. Whether subtle or bold, this component gives you endless creative flexibility for modern hero sections, headers, and showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"⚠️ "},{"type":"text","text":"Important:","marks":[{"type":"bold"}]},{"type":"text","text":" For the animation to work correctly, set the "},{"type":"text","text":"width of the component to ","marks":[{"type":"bold"}]},{"type":"text","text":"Fill","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hero sections with looping animated headlines Portfolios and landing pages with kinetic typography Creative showcases, banners, and interactive headers Continuous motion elements for branding or taglines"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Looping Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth continuous animation along a curved path"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Change text, font, speed, direction, curvature, and interactivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works across desktop and mobile devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive:","marks":[{"type":"bold"}]},{"type":"text","text":" Reacts dynamically for added engagement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Lightweight and built for smooth performance in Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Curved Interactive Moving Text?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instantly adds "},{"type":"text","text":"modern motion typography","marks":[{"type":"bold"}]},{"type":"text","text":" to your site"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boosts "},{"type":"text","text":"engagement and visual impact","marks":[{"type":"bold"}]},{"type":"text","text":" with looping animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable for "},{"type":"text","text":"any creative project","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"hero sections, banners, and creative typography layouts","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Curved Interactive Moving Text","marks":[{"type":"bold"}]},{"type":"text","text":", your words become a living design element — flowing endlessly with motion, style, and interactivity."}]}]},"introduction":"Looping animation","slug":"curvedtext-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ROdJRDqZBMtO4qqqxXLU/curvedtext-tUKzDmnIi7HCV0jilQOApQiZB59KBA","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-22T17:08:03.228Z","updatedAt":"2026-09-12T10:42:20.223Z","publishedAt":"2025-09-26T18:22:20.632Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://curvedtext.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/aFaeVc4Td1QP757dGfeQM0i","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"IFKxDBTBBN2vUomnicfG","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-09-26T18:22:20.632Z","updatedAt":"2025-09-26T18:22:20.632Z"},{"id":"01998608-169f-719a-bad3-fe24541e1da3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"brrfg3j8KsIrvMINd2MG","resolved":true,"title":"RollingNumber v2","body":"$77","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform static words into motion. "},{"type":"text","text":"Rolling Text","marks":[{"type":"bold"}]},{"type":"text","text":" is a lightweight Framer component that animates your text with a smooth rolling effect when it enters the viewport. Place it anywhere on your page — hero sections, feature highlights, or footers — and watch your typography come alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, you can change "},{"type":"text","text":"font, size, color, speed, delay, and text content","marks":[{"type":"bold"}]},{"type":"text","text":" to match your design. This makes Rolling Text the perfect blend of elegance and interactivity for modern websites."}]},{"type":"customHeading","content":[{"type":"text","text":"Best Uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"🚀 Hero sections with eye-catching animated headlines🎨 Portfolios and landing pages that need modern text motion✨ Feature callouts or section titles that stand out📜 Subtle text animations for long-form pages or blogs"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On-Scroll Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Triggers when text enters the viewport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Edit any text, font, color, and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Control rolling speed, delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Works seamlessly across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for smooth performance in Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Use Rolling Text?"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds "},{"type":"text","text":"motion and depth","marks":[{"type":"bold"}]},{"type":"text","text":" to your typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boosts "},{"type":"text","text":"engagement","marks":[{"type":"bold"}]},{"type":"text","text":" with scroll-triggered animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]},{"type":"text","text":" for any creative project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"hero sections, headlines, and feature highlights","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"With "},{"type":"text","text":"Rolling Text","marks":[{"type":"bold"}]},{"type":"text","text":", your words don’t just sit still — they roll in with personality and style, helping you stand out with modern motion design."}]}]},"introduction":"SMOOTHEST FRAMER ANIMATION","slug":"rollingnumber-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/brrfg3j8KsIrvMINd2MG/rollingnumber-ORzeboIQEC0Wkq9YRUjIeMHqIKTz8l","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-20T10:56:42.916Z","updatedAt":"2026-09-12T10:42:25.689Z","publishedAt":"2025-09-26T12:38:21.087Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rollingnumber.framer.website/","price":"6","paymentUrl":"https://buy.stripe.com/cNiaEW85pgLJexz6dNeQM0j","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Ut3sMCwAxyTGu58u720m","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-09-26T12:38:21.087Z","updatedAt":"2025-09-26T12:38:21.087Z"},{"id":"01998608-0d19-7682-a22d-e8e4709c8477","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zZlzsSv0PsgYP2QktikR","resolved":true,"title":"Audio On Click btn","body":"$78","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"text","text":"Audio Button","marks":[{"type":"bold"}]},{"type":"text","text":" is a playful yet functional component that lets you easily add sound feedback to your design. On click, it plays an audio file of your choice (MP3, WAV, etc.), and each time the user hovers off and then back on, the sound will replay automatically on click. This creates a dynamic and engaging interaction, perfect for making buttons feel more alive."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plays any custom audio on click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Replays audio when mouse leaves and re-enters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and easy to restyle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works seamlessly across desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simple setup for changing the audio file and button design."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add playful sound effects to call-to-action buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create audio feedback for notifications or alerts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhance gamified interfaces with sound interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Build prototypes with voice or music previews"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"!Important! if you add a audio that is 3 seconds long you must press on the \"Playing on click variant\" and then at the appear set the delay to the audio length"}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7r23byks-aVDBo86pkuVHf3JgY71yFBHpsdKBae","link":null,"caption":"","uploadId":null}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7r23byks-0lshdD7LpIxddTreF9yalSw9DCo7T9","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"💡 "},{"type":"text","text":"Have an idea for a component? ","marks":[{"type":"bold"}]},{"type":"text","text":"Send me an email at didaserafim90@gmail.com and maybe we can build it together."}]}]},"introduction":"MUST HEAR AUDIO v2","slug":"audio-on-click-btn","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zZlzsSv0PsgYP2QktikR/audio-on-click-btn-kCJw3BpyXc4vbbyWSKVU3kZxAUqanP","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-18T16:28:19.614Z","updatedAt":"2026-09-12T10:42:34.253Z","publishedAt":"2025-09-26T12:38:18.649Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://audio.framer.wiki/","price":"5","paymentUrl":"https://buy.stripe.com/dRm3cuetN2UT7577hReQM0k","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"ympGJAiAP6KTrqxblet6","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-26T12:38:18.649Z","updatedAt":"2025-09-26T12:38:18.649Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L79"}]