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

Stop replacing fonts one by one in Framer.

Fontwise is the bulk font replacer for Framer. Scan your entire project, swap fonts across pages, components, and CMS in seconds, manage text styles with responsive breakpoints, and apply 350+ professional font pairings without leaving your canvas.

Built for designers building Framer sites who want clean, consistent typography without the manual work.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

→ BULK FONT REPLACER

See every font family your Framer project uses in one clean list. Multi-select font weights, pick your replacement, and apply it across your entire project, a specific page, section, group, or individual text node.

Fontwise works across pages, nested components, stacks, and CMS items. Google Fonts and system fonts supported.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

→ TEXT STYLES MANAGER

Fontwise scans your project and surfaces every text style in use. Unstyled text layers get tagged with a Missing badge so nothing slips through.

Apply existing styles to multiple layers at once, create new styles from any text node, and configure responsive breakpoints (L, M, S) without ever leaving the plugin panel.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

→ FONT PAIRING

Not sure which fonts work together? Browse a hand-picked library of 350+ professional font combinations.

Preview any pairing live in your project before committing. Lock your header or body font and let Fontwise suggest compatible matches. Apply a full pairing to your project in a single click.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

WHO USES FONTWISE

Freelancers delivering Framer sites to clients who need consistent brand typography
Design agencies juggling fonts across multiple active Framer projects
Designers inheriting messy Framer files with no clear type system
Anyone who wants a reliable font changer for Framer without clicking through every layer

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

GOOD TO KNOW

Fontwise replaces fonts at the component core level by default. This means every instance of a component updates together automatically. If you need to change just one specific instance, double-click into the component and update it from the core directly.
Text nodes with mixed font styles in a single line require manual updates. This is a current limitation of the Framer Plugin API which does not expose individual styled segments inside text nodes to plugins.
Custom fonts uploaded to your Framer project are not accessible to plugins. Fontwise works with Google Fonts and system fonts.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

HOW TO GET STARTED

Install Fontwise and open it inside your Framer project
Hit Scan to see a full list of every font in use
Select the fonts you want to change, choose a replacement, and apply

Whether you need a font swap across an entire project, a single page, or a specific component, Fontwise gives you full control over scope before applying anything.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PRICING

Start free with 5 uses, then choose the plan that works for you.

Lifetime: One payment, permanent access, no renewals
Monthly: Pay month to month, cancel anytime

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ALSO ON FIGMA

Working in Figma too? Get Fontwise for Figma with the same typography toolkit adapted for Figma workflows.

→ Get Fontwise for Figma

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Questions? saeefalmahmud@gmail.com

53:T715,

Peeko Button is a playful interactive button component for Framer that combines eye-tracking effects, hover animations, and customizable micro-interactions to create memorable call-to-action experiences.

The button features animated eyes that follow the user's cursor, adding personality and motion to your website. On hover, the cover layer moves away to reveal the eyes beneath, creating a surprising and engaging interaction that encourages clicks and user engagement.

Choose from multiple hover animation styles:

Slide Reveal
Rotate Upward (-15°)
Rotate Downward (+15°)

Built-in eye tracking creates realistic pupil movement, while optional blinking animations add extra character and visual interest.

Fully customize the component to match your brand:

Change button text and labels
Customize colors and borders
Adjust typography and sizing
Control eye size and positioning
Modify corner radius and styling
Select animation behavior and interaction style

Perfect for attention-grabbing CTA buttons, landing pages, portfolios, creative agencies, gaming websites, children's products, event promotions, campaign pages, startup websites, and interactive web experiences.

Simply place the component on your canvas, update the text, choose an animation style, customize the appearance, and connect the onTap action to navigation, forms, or custom interactions.

Whether you're building a playful website, creative portfolio, marketing campaign, or interactive landing page, Peeko Button helps transform a standard button into a memorable animated experience that captures attention and increases engagement.

54:T64c,

Balance Bar Chart is a professional financial bar chart component designed for Framer that transforms raw financial data into clean, structured, and visually engaging charts for dashboards, banking apps, SaaS analytics, and reporting tools.

It helps users quickly understand revenue trends, balance changes, and performance metrics through clear animated bar representations.

Key features include

Interactive and animated financial bar chart for daily or weekly datasets
Dynamic balance indicators and percentage change visualization
Fully customizable colors, typography, spacing, and layout
Optional animations, grid lines, and responsive scaling
Tooltip support for precise financial data insights

How to use

Drag the Balance Bar Chart onto your Framer canvas
Input your financial or performance data points
Customize colors, labels, and visual styling to match your design system
Enable or disable animations and tooltips based on your use case

Best for

Financial dashboards and analytics platforms
Budget tracking and personal finance applications
SaaS revenue dashboards and MRR tracking tools
E-commerce sales and performance reporting interfaces

This Financial Bar Chart component is designed to present complex financial data in a simple, modern, and highly readable format while maintaining smooth motion and professional visual clarity.

55:T6a0,

Text Scale Reveal is a powerful typography animation component designed for Framer that transforms static text into a dynamic, attention-grabbing experience using smooth letter-by-letter scaling and fading effects.

Each character animates sequentially, scaling down from a larger size into its final position, creating a refined and professional reveal that enhances readability and visual hierarchy.

Key features include

Sequential text scale animation with customizable delay per letter
Smooth scaling transitions with multiple easing options
Optional loop animation with adjustable timing control
Full typography customization including font, size, weight, and color
Support for semantic HTML tags such as H1 to H6 and paragraph elements

How to use

Enter your text content in the properties panel
Customize typography settings such as font, size, and color
Adjust animation duration, easing curve, and letter delay timing
Set initial scale values and enable or disable looping behavior
Choose appropriate semantic tags for SEO optimization

Best for

Hero headlines and landing page introductions
Product feature highlights and call-to-action sections
Personal portfolios and branding pages
Presentation openings and loading animations

Text Scale Reveal turns static typography into a modern animated experience that improves engagement, enhances storytelling, and adds polished motion design to any Framer project.

56:T6ac,

Fireworks FX is a visually rich fireworks animation background component designed for Framer that adds excitement, motion, and celebration-driven energy to your web experiences.

It generates dynamic circular particle bursts that simulate realistic fireworks explosions, complete with glowing trails, gravity-based movement, and smooth fading effects.

Key features include

Immersive fireworks animation background with circular particle bursts
Auto-launch mode for continuous celebratory effects
Click-to-launch interaction for user-triggered fireworks
Adjustable particle count, spread radius, and explosion intensity
Color cycling system for vibrant multi-tone fireworks
Realistic physics simulation with gravity and trailing motion
Fully customizable behavior for different layouts and themes

How to use

Drag the Fireworks FX component onto your Framer canvas
Resize it to fit your desired section or full-screen layout
Adjust particle density, spread, colors, and launch frequency
Enable auto-launch for continuous animation or click-to-launch for interaction-based effects

Perfect for

Hero sections and high-impact landing pages
Product launches and announcement pages
Event promotions and seasonal campaigns
Success screens, milestones, and achievement states

Fireworks FX helps transform static interfaces into celebratory, engaging, and visually memorable experiences that capture user attention instantly.

57:T80f,

Geo Particle BG is a professional geometric particle background animation component built for Framer, designed to enhance modern websites, landing pages, hero sections, and immersive digital experiences.

It generates a dynamic field of floating particles that connect through smooth animated lines, forming an elegant network-style background that adds depth, motion, and visual sophistication without overwhelming foreground content.

Key features include:

Flexible particle count control to balance performance and visual density
Dynamic connection lines that form responsive geometric networks
Smooth mouse hover interactions that gently influence particle movement
Click-based repulsion effects that create interactive motion bursts
Full customization of particle size, color, line thickness, and connection distance
Adjustable animation speed for fine-tuned motion behavior

The component is optimized for both aesthetics and performance, making it suitable for SaaS landing pages, creative portfolios, tech startups, agency websites, Web3 projects, and high-end marketing pages.

How to use:

Drag and drop the component into your Framer canvas
Set width and height to full layout (e.g., 1fr / 100vh)
Adjust particle count, speed, and visual styling
Enable or disable hover and click interactions as needed
Customize colors to match your brand or design system

Best practices:

Use subtle, low-opacity colors for premium background feel
Reduce particle density for better performance on large screens
Pair with strong typography and clear foreground elements
Keep motion balanced to avoid visual noise in hero sections

Geo Particle BG transforms static backgrounds into interactive, modern visual systems that elevate user engagement and overall design quality.

58:T713,

Wave Text FX is a refined wave text animation component built for Framer that transforms static typography into an interactive motion experience driven by cursor movement.

It animates characters with smooth wave-like motion while keeping each text line independently interactive, creating a controlled and elegant response instead of full-block distortion.

Key features include

Cursor-controlled wave animation applied at character level
Line-specific interaction so only hovered lines animate
Natural word wrapping with preserved readability and structure
Adjustable wave intensity, animation duration, and character delay
Full typography control including font, size, weight, alignment, and spacing
High-performance 60fps animation optimized for modern web experiences
Fully responsive behavior across all container sizes

How to use

Add the Wave Text FX component to your Framer canvas
Enter your desired text in the main text property
Customize typography including font, size, alignment, and spacing
Adjust wave intensity, speed, and delay settings
Set text color and styling to match your design system
Preview to interact with the wave animation effect

Best for

Hero headlines and landing page intros
Brand statements and marketing messages
Call-to-action sections and product launches
Portfolio introductions and creative showcases

Wave Text FX brings typography to life with smooth, cursor-driven motion that enhances engagement and adds a modern interactive feel to any design.

59:T6a3,

Donut Chart Pro is a highly customizable data visualization component built for Framer that transforms structured data into clear and visually engaging donut charts.

It supports dynamic segments with smooth animations, making it ideal for displaying proportional values like survey results, financial breakdowns, SaaS metrics, and performance analytics.

Key features include

Flexible number of data segments with dynamic rendering
Adjustable donut hole size from 0 to 100 percent
Smooth animated transitions for data visualization updates
Configurable chart title, legend, and outline styling
Flexible legend placement options including bottom or right alignment
Full typography, color, spacing, and shadow customization
Fully responsive design that adapts to any container size

How to use

Add the component to your Framer canvas
Edit the data array to define labels, values, and segment colors
Adjust hole size, title, and legend placement in chart settings
Customize fonts, colors, spacing, and visual styling
Resize freely as the chart automatically adapts to layout changes

Best for

Financial dashboards and reporting tools
Survey and feedback result visualization
SaaS analytics and KPI tracking interfaces
Budget breakdowns and performance summaries

Donut Chart Pro turns raw proportional data into elegant, animated visual insights that improve clarity and enhance modern UI design.

5a:T7e8,

Stroke Text FX is a dynamic animated text component built for Framer that uses SVG-based stroke animations to transform static typography into engaging, motion-driven visuals.

It supports both stroke and fill animations, allowing designers to create bold typographic effects with solid or gradient styling while maintaining full control over motion behavior.

Key features include

Smooth animated transitions between stroke and fill states
Support for solid colors and gradient stroke or fill styles
Two animation modes including stroke flow and bounce effects
Adjustable animation duration for fine-tuned motion control
Configurable stroke width for different visual weights
Optional looping with customizable delay timing
Full typography controls including font, spacing, and sizing
Responsive behavior optimized for modern layouts
Accessible design with aria-label support

How to use

Add the Stroke Text FX component to your Framer canvas
Enter your text and select desired font styles
Choose between solid or gradient stroke and fill options
Select animation type and adjust duration settings
Enable looping and configure delay if needed
Adjust stroke width and tag type based on design requirements
Use preview mode to test animation behavior in canvas

Best for

Hero headlines and landing page typography
Brand logos and animated wordmarks
Footer branding and section dividers
Marketing pages and promotional banners
Modern UI accents and creative storytelling sections

Stroke Text FX turns static text into expressive animated typography that enhances visual hierarchy and adds a modern, high-impact design feel to any Framer project.

5b:T7fb,

Polar Area Chart is a flexible and interactive data visualization component built for Framer that transforms complex datasets into clear, circular visual insights using variable-radius segments.

Each segment represents a value through its radius while maintaining equal angular spacing, making it ideal for comparing multiple categories in a visually balanced and intuitive format.

Key features include

Variable-radius segments representing data values with proportional scaling
Equal angular spacing for consistent circular structure
Customizable color system with six default visually balanced palettes
Configurable title and legend with full typography and alignment control
Optional grid system with concentric circles and value labels
Interactive hover tooltips with detailed data feedback
Clickable segments and legend items for selection-based interaction
Smooth entry animations with adjustable timing and easing
Fully responsive design adapting to any container size
Advanced styling controls including background, shadows, border radius, and opacity

How to use

Add each segment with label, value, and color through the property panel
Customize title, legend, grid, and overall layout styling
Adjust background, spacing, border radius, shadows, and fill opacity
Enable hover tooltips and interactive selection features as needed

Best for

Financial dashboards and analytics platforms
Survey and research result visualization
Business performance and KPI tracking
Comparative multi-category data analysis

Polar Area Chart delivers a modern, interactive way to visualize complex datasets while maintaining clarity, responsiveness, and a polished professional appearance across all Framer projects.

5c:T6f3,

Pie Chart Pro is a professional data visualization component for Framer that transforms datasets into clear and visually engaging pie charts for dashboards, reports, and presentations.

It provides smooth animations, interactive tooltips, and a flexible legend system, making it easy to present proportional data in a clean and understandable format.

Key features include

Interactive data visualization with hover tooltips
Flexible input system supporting labels, values, and colors
Customizable chart title with full typography, alignment, and color control
Adaptive legend placement with bottom or right positioning
Configurable segment outline color and stroke width
Smooth entrance animations with easing support
Fully responsive layout that adapts to any container size
Background, border radius, and shadow customization options
Adjustable spacing between title, chart, and legend
Performance optimized rendering with smart animation handling

How to use

Drag the component onto your Framer canvas and resize as needed
Add your dataset with label, value, and color for each segment
Customize title, legend, tooltips, and chart appearance in properties
Adjust colors, outlines, spacing, and layout styling to match your design system
Enable or disable animations based on performance preference

Pie Chart Pro automatically validates input data, adapts responsively, and ensures smooth performance, making it ideal for dashboards, analytics tools, reports, and presentation-ready data visualization.

5d:T5d4,

Stroke Gauge Radial is a professional radial gauge chart component built for Framer that transforms percentage-based data into a clean, circular progress visualization.

It is designed for dashboards, analytics interfaces, and KPI tracking systems where clear and immediate visual feedback is essential.

Key features include

Adjustable stroke width, start and end angles, and dash pattern control
Solid or gradient progress bar with customizable color stops
Fully customizable track, background, and shadow styling
Title, value, and status text with complete typography control
Smooth animated transitions for percentage updates
Fully responsive behavior across all container sizes
Optimized rendering for both static and interactive use cases

How to use

Add the Stroke Gauge Radial component to your Framer canvas
Set your percentage or KPI value in the data field
Customize stroke style, colors, and gradient settings
Adjust typography for title, value, and labels
Configure animation timing and easing for smooth transitions
Resize freely as the chart adapts responsively

Stroke Gauge Radial delivers a clean and modern radial visualization system that improves readability and brings polished motion design to any data-driven Framer project.

5e:T59d,

Bar Chart Pro is a professional and fully customizable bar chart component for Framer designed to visualize structured data in a clean, readable, and interactive format.

It provides reliable performance, smooth rendering, and flexible configuration options for modern dashboards, reports, and analytics interfaces.

Key features include

Flexible data input via manual entry, JSON, or CSV
Responsive layout with smart label rotation for readability
Fully customizable colors, fonts, spacing, and shadow effects
Interactive tooltips, legends, and axis label controls
Smooth performance with built-in error handling and optimization
Support for dynamic scaling and adaptive container resizing

How to use

Drag the component onto your Framer canvas
Resize freely by stretching or scaling the container
Start with default columns and add more data as needed
Import data manually or via JSON/CSV formats
Customize colors, fonts, spacing, and layout in the property panel
Adjust radius, shadows, and spacing for a polished presentation

Bar Chart Pro delivers a clean and flexible way to present data visually, making it ideal for dashboards, business reports, analytics tools, and performance tracking interfaces.

5f:T5fe,

Bubbling Cursor FX is a lightweight and interactive cursor effect component built for Framer that generates smooth bubbling particles as users move their cursor across the screen.

It enhances user experience by adding subtle, playful motion that reacts instantly to cursor movement, making websites feel more alive and engaging without affecting performance.

Key features include

Interactive cursor trail with smooth bubbling particle generation
Fully customizable bubble size, color, speed, and fade-out behavior
Adjustable animation dynamics for different design styles and moods
Lightweight implementation optimized for smooth performance
Works seamlessly across full-screen layouts or specific sections

How to use

Drag and drop the component onto your Framer canvas
Resize it to cover the full screen or target area
Customize bubble size, color, and animation speed in the properties panel
Preview to experience the interactive bubbling cursor effect

Best for

Creative portfolios and personal websites
Modern landing pages and SaaS marketing sites
Interactive storytelling experiences
Design studios and experimental UI projects

Bubbling Cursor FX adds playful, responsive motion to your interface, turning simple cursor movement into an engaging visual experience.

60:T6d1,

Ripple Loader is a modern animated loading indicator built for Framer Motion that creates smooth ripple-based motion using staggered expanding dots.

It is designed to bring subtle motion feedback to interfaces while maintaining performance, responsiveness, and visual clarity across all screen sizes.

Key features include

Smooth ripple animation with staggered dot expansion effects
Preset color themes including Ocean Blue, Turquoise, Lavender, Coral, and Mint Green
Customizable dot size, ripple radius, and background styling
Adjustable animation duration from 0.5s to 5s for flexible motion control
Scale multiplier control for subtle or exaggerated ripple effects
Layout controls including spacing, container radius, and compact mode option
Fully responsive design optimized for static and interactive Framer environments

How to use

Drag the Ripple Loader component into your Framer canvas
Select a preset color or customize your own theme
Adjust ripple speed, scale, and dot size based on your UI needs
Configure layout spacing and container radius
Enable compact mode for minimal UI states or small components

Best for

Loading states and page transitions
Data fetching and async UI feedback
Modern dashboards and SaaS interfaces
Interactive micro-interactions and system indicators

Ripple Loader enhances user experience by replacing static loading states with smooth, modern motion design that feels responsive and intentional.

61:T73d,

Cursor Shadow Text is an interactive typography component for Framer that enhances text with cursor-reactive shadow movement, creating a sense of depth, dimension, and motion.

It is designed for modern web interfaces where subtle interaction and visual feedback improve engagement without overwhelming the layout.

Key features include

Dynamic cursor-following shadow movement for text elements
Multiple shadow styles including solid, blur, noise, and glow effects
Support for up to five independent shadow layers
Individual color control for each shadow layer
Adjustable shadow distance and mouse sensitivity settings
Full typography customization including font, size, weight, and spacing
Responsive design optimized for all screen sizes and layouts
Performance-optimized rendering for smooth interaction

How to use

Drag the component onto your Framer canvas
Enter and edit your text content in the properties panel
Customize typography including font, size, and color
Set number of shadow layers and assign colors individually
Adjust shadow distance and cursor sensitivity
Select shadow style: solid, blur, noise, or glow

Tips

Use high contrast between text and shadow for strong visual impact
Keep shadow layers minimal for subtle premium effects
Best suited for bold text such as headlines and call-to-actions
Avoid excessive blur or noise layers for performance-heavy layouts

Cursor Shadow Text adds depth and interactivity to typography, turning static text into a responsive and engaging visual experience.

62:T518,

Dynamic Text FX is a flexible animated text component for Framer that enhances messaging by combining a static prefix with dynamically rotating words.

It is designed to improve engagement in hero sections, landing pages, and feature showcases by presenting multiple ideas or benefits in a compact and visually appealing format.

Key features include

Animated word cycling with fully customizable speed control
Multiple animation styles including bounce, drop, slide, zoom, and rotate
Independent typography and color controls for prefix and animated text
Individual color customization for each animated word
Fully responsive layout with proper text wrapping and alignment
Simple setup optimized for fast integration into any design

How it works

Place the component onto your Framer canvas
Enter your static prefix text
Add a list of animated words or phrases
Select your preferred animation style
Set layout width to fit or fill for responsive behavior

Dynamic Text FX helps you communicate multiple messages efficiently while adding motion and visual interest to modern web interfaces.

63:T61e,

Hover Frame FX is an elegant text hover effect component built for Framer that enhances typography with smooth animated line reveals and subtle motion transitions.

It creates interactive visual feedback when users hover over text elements, making headings, buttons, and key UI labels feel more dynamic and engaging.

Key features include

Fully customizable text including font, size, weight, alignment, and color
Support for solid and gradient line styling with up to five color stops
Flexible line positioning options including top, bottom, or both sides
Adjustable line thickness, spacing, and animation speed control
Opposite-direction line reveal animation for smooth visual contrast
Subtle text scaling effect during hover interaction
Responsive behavior optimized for all layout sizes

How to use

Add the Hover Frame FX component to your Framer canvas
Enter and customize your text content in the properties panel
Choose font style, size, alignment, and color settings
Configure line position, thickness, and gradient colors
Adjust animation speed and interaction behavior
Preview hover states to test animation flow and responsiveness

Hover Frame FX adds refined micro-interactions to typography, improving user engagement while maintaining a clean and professional design aesthetic across modern Framer projects.

64:T6d2,

Ripple Button is a modern interactive button component for Framer that creates smooth expanding ripple effects on click or interaction, adding a playful yet professional motion experience to user interfaces.

It is designed to enhance engagement in buttons, CTAs, and interactive UI elements while maintaining full visual control and flexibility.

Key features include

Fully customizable button size and circular shape control
Multiple color modes including solid, multi-color, and gradient styles
Adjustable ripple duration and delay for unique animation behavior
Support for custom SVG icons with upload capability
SVG icon color customization for consistent design integration
Smooth ripple expansion effects for modern interaction feedback
Lightweight and optimized performance for real-time interactions

How to use

Drag the Ripple Button component onto your Framer canvas
Customize size, color style, and background appearance
Upload your own SVG icon or use the default icon
Adjust ripple speed, duration, and delay settings
Fine-tune colors and gradients to match your design system

Tips

Use SVG icons for full color control and scalability
Experiment with linear, radial, or conic gradients for richer visuals
Combine different ripple durations and delays for layered motion effects

Ripple Button enhances user interaction by turning simple clicks into smooth, visually engaging ripple animations that improve UI feedback and modern design feel.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-0bb62f72-7068-44a4-9b58-d61d6fa21810-all:/unified/creator/0bb62f72-7068-44a4-9b58-d61d6fa21810/activity/":[{"data":[{"id":"01a0b9e9-bdbb-7389-afcc-caef42ac510a","type":"comment.liked","target":{"type":"comment","id":"01a0b56f-1944-715f-b517-e1fe12942c9e","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b56f-1944-715f-b517-e1fe12942c9e"},"repost":null}},"context":{"type":"post","id":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","preview":"Fontwise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-qLZirbtRqHfK5h5mujEDGOZanDqGV6","targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","slug":"saeef","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T13:44:58.550Z","latestAt":"2026-09-19T13:44:58.550Z"},{"id":"01a0b9e9-b13d-7428-a326-cb7c8df4540f","type":"comment.reply","target":{"type":"post","id":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","preview":"Fontwise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-qLZirbtRqHfK5h5mujEDGOZanDqGV6","targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b9e9-b120-778d-8599-00bc385aeb82","preview":"Thanks man","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks man"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b56f-1944-715f-b517-e1fe12942c9e"},"repost":null}},"actors":[{"id":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","slug":"saeef","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T13:44:55.357Z","latestAt":"2026-09-19T13:44:55.357Z"},{"id":"019eff3a-e89d-71e9-a2b8-f661d875f714","type":"comment.liked","target":{"type":"comment","id":"019efdec-d425-77b8-a8a8-b535c13c00b0","preview":"Very well considered.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very well considered."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019efdec-d425-77b8-a8a8-b535c13c00b0"},"repost":null}},"context":{"type":"post","id":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","preview":"Fontwise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-qLZirbtRqHfK5h5mujEDGOZanDqGV6","targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","slug":"saeef","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T14:41:51.254Z","latestAt":"2026-06-25T14:41:51.254Z"},{"id":"019eff3a-e179-761a-ab8a-5ae435e195cd","type":"comment.reply","target":{"type":"post","id":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","preview":"Fontwise","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-qLZirbtRqHfK5h5mujEDGOZanDqGV6","targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019eff3a-e15a-77bc-8de3-ef362d5359b7","preview":"Thanks man","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks man"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019efdec-d425-77b8-a8a8-b535c13c00b0"},"repost":null}},"actors":[{"id":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","slug":"saeef","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T14:41:49.432Z","latestAt":"2026-06-25T14:41:49.432Z"},{"id":"019ed470-2679-7518-afa5-e4117767651f","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","slug":"saeef","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T18:14:40.159Z","latestAt":"2026-06-24T18:14:40.159Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0bb62f72-7068-44a4-9b58-d61d6fa21810:/unified/posts/?creator=0bb62f72-7068-44a4-9b58-d61d6fa21810&with=reposts":[{"data":[{"id":"019ae98b-03e5-7702-a1b0-6219f5a3f35b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"642","resolved":true,"title":"Fontwise","body":"$52","bodyJson":null,"introduction":"Font Replacer & Text Styles","slug":"fontwise","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-qLZirbtRqHfK5h5mujEDGOZanDqGV6","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-Kkqx0uJNCCWit7BHt4V2qof7XuqHVO","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-Hw3LnwepEikwHLq9K8dmizLDSsO3zs","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/642-rlLC8qW4SvVJiFgKK2NJhxtRs5Mn2n","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-03T22:00:36.532Z","updatedAt":"2026-06-09T20:37:44.994Z","publishedAt":"2025-12-04T13:26:33.189Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"6fxzzx5gy59uzusd5drhc8f3o","paid":true,"categories":[{"id":"b238ea64-0ce9-413a-848d-43b73f0eea0f","name":"Styles","slug":"styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-04T13:26:33.189Z","updatedAt":"2025-12-04T13:26:33.189Z"},{"id":"019ada97-fc93-72fb-9cfb-4ed7e5cbe330","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IuMxAjVU3Zbj7UqXjj2q","resolved":true,"title":"Peeko Button","body":"$53","bodyJson":null,"introduction":"Animated eye-tracking CTA button","slug":"peeko-button","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IuMxAjVU3Zbj7UqXjj2q/peeko-button-xakwVA863OzJCXR7ZXo76Tl6CZxus0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-25T08:19:35.045Z","updatedAt":"2026-06-10T03:30:40.519Z","publishedAt":"2025-12-01T15:46:25.043Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://peekobutton.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/813c3cbd-00f8-4bc3-897c-5b9d53e3e61d","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"Uau9L6Sf2HCC7AkfjHoN","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-12-01T15:46:25.043Z","updatedAt":"2025-12-01T15:46:25.043Z"},{"id":"0199cdd2-a475-785f-ad16-5d8c81421e0b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8CWCh4SANQHbBPPYdnL7","resolved":true,"title":"Balance Bar Chart","body":"$54","bodyJson":null,"introduction":"Animated financial bar chart UI","slug":"balance-bar-chart","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8CWCh4SANQHbBPPYdnL7/balance-bar-chart-S2TH00zRjjGs0UCip9z65860Gc3nYH","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-05T09:32:47.622Z","updatedAt":"2026-06-10T03:52:57.518Z","publishedAt":"2025-10-10T11:12:38.005Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://balancebarchart.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/888e0369-79f8-4697-b41a-9073322cec3b","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"ianAKXfu4uEFXw9ZNYll","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-10T11:12:38.005Z","updatedAt":"2025-10-10T11:12:38.005Z"},{"id":"0199a3e2-44df-774a-8ebe-202c6941bddb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5t64k1pKaRrkE2Xkvnse","resolved":true,"title":"Text Scale Reveal","body":"$55","bodyJson":null,"introduction":"Letter-by-letter scaling text animation","slug":"text-scale-animation","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/5t64k1pKaRrkE2Xkvnse/text-scale-animation-K62RKgqjVlGWllfSXwB0Cn9nu6zsHH","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-27T21:44:04.797Z","updatedAt":"2026-06-10T04:12:00.580Z","publishedAt":"2025-10-02T07:45:39.039Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://textscaleanimation.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/b6b54b82-64bb-4eb8-9a45-4c1adf294bfb","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"t1Fyc2sPRHBQ9s5kA7MO","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-02T07:45:39.039Z","updatedAt":"2025-10-02T07:45:39.039Z"},{"id":"019986f1-0717-7a99-9c24-765c29d19b44","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"u72o4I7rB2oN3VGZooj8","resolved":true,"title":"Fireworks FX","body":"$56","bodyJson":null,"introduction":"Interactive fireworks animation BG","slug":"fireworks-animation","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/u72o4I7rB2oN3VGZooj8/fireworks-animation-py8Mw8WXaBEWunahL93KC3hFdNB3Sd","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-22T02:32:05.298Z","updatedAt":"2026-06-10T04:08:36.977Z","publishedAt":"2025-09-26T16:52:46.999Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fireworksbackground.framer.ai/","price":"12","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/d899f65e-c153-42f3-907a-a6300bd46b2f","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"nVXWK9zrJLOrcBsAUQeQ","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-26T16:52:46.999Z","updatedAt":"2025-09-26T16:52:46.999Z"},{"id":"019986ec-cd94-71aa-bf87-ebd01f45ae7d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fokB11UoWBjjLDyHtKT6","resolved":true,"title":"Geo Particle BG","body":"$57","bodyJson":null,"introduction":"Interactive particle background FX","slug":"geometric-particle","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fokB11UoWBjjLDyHtKT6/geometric-particle-STHjStrIyKyp9btZK4BxZe670mVG6m","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-22T00:03:50.991Z","updatedAt":"2026-06-10T03:47:38.831Z","publishedAt":"2025-09-26T16:48:10.132Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://geometricparticle.framer.ai/","price":"12","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/c6e45dd6-332a-40d6-b3c3-43c81f341e08","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"ZKX9mJpmrVSWpogFjVwi","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-26T16:48:10.132Z","updatedAt":"2025-09-26T16:48:10.132Z"},{"id":"01998284-9350-712f-8788-1c743aa4e5a8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FG8o5fNbOFsRrQXtt8eH","resolved":true,"title":"Wave Text FX","body":"$58","bodyJson":null,"introduction":"Cursor reactive wave text animation","slug":"wave-text","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FG8o5fNbOFsRrQXtt8eH/wave-text-Kf1BsRni92Py4yAQza1pkNPyXV1jvC","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-20T11:55:13.762Z","updatedAt":"2026-06-10T04:15:01.474Z","publishedAt":"2025-09-25T20:15:50.608Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://wavetext.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/5d09f65b-2fd2-45b5-9978-c2aa4bf0dbf4","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"6gsbAuCwah1CtqkFgUaX","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-25T20:15:50.608Z","updatedAt":"2025-09-25T20:15:50.608Z"},{"id":"019976a2-f88d-7351-99ed-bb8d194cec2f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1KnUoWsQB4c4WaxyZ0gG","resolved":true,"title":"Donut Chart Pro","body":"$59","bodyJson":null,"introduction":"Animated customizable donut data chart","slug":"dynamic-donut-chart","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1KnUoWsQB4c4WaxyZ0gG/dynamic-donut-chart-OJLYgIXPnGrTV1zBuWdgEljr3AhN8y","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-17T21:36:37.841Z","updatedAt":"2026-06-10T04:27:54.495Z","publishedAt":"2025-09-23T12:53:36.013Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dynamicdonutchart.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/5debe357-0d1a-4ab6-b809-c66938b79748","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"Ovb4dHLsddK7y9S7x2Rt","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-23T12:53:36.013Z","updatedAt":"2025-09-23T12:53:36.013Z"},{"id":"0199724f-14ca-7151-8b8d-b4f096104752","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cc1BgHsMPgOj4GLPfG5V","resolved":true,"title":"Stroke Text FX","body":"$5a","bodyJson":null,"introduction":"Animated SVG stroke text effect","slug":"stroke-text-effect","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cc1BgHsMPgOj4GLPfG5V/stroke-text-effect-yxgqsJYZUO4CVBbimZXFBEDUuXjBhK","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-17T19:37:18.303Z","updatedAt":"2026-06-10T04:31:01.695Z","publishedAt":"2025-09-22T16:43:29.354Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stroketexteffect.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/18a947cf-93d9-4f9f-abbf-bb19d626f1ec","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"C0HorZozRsglWMn2ohFr","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-22T16:43:29.354Z","updatedAt":"2025-09-22T16:43:29.354Z"},{"id":"019963d6-66b1-7a99-9b52-40dc282d2632","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2mT5rEfxMfNWqosyKmPY","resolved":true,"title":"Polar Area Chart","body":"$5b","bodyJson":null,"introduction":"Interactive circular polar data chart","slug":"polar-area-chart","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/2mT5rEfxMfNWqosyKmPY/polar-area-chart-Y3VdGanCXh8qlY08vKrxaDO8oUgK3x","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-19T21:11:46.230Z","updatedAt":"2026-06-10T04:39:53.462Z","publishedAt":"2025-09-19T21:16:59.441Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://polarchart.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/1392657a-7d71-450f-8d38-91e782299970","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"jxbXQjiLA5SucOA3AcDm","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-19T21:16:59.441Z","updatedAt":"2025-09-19T21:16:59.441Z"},{"id":"019963ad-30d8-7315-8ff6-4a755062ea70","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pTQxqGVAKfv04kpAtJqd","resolved":true,"title":"Pie Chart","body":"$5c","bodyJson":null,"introduction":"Interactive customizable pie chart","slug":"pie-chart","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/pTQxqGVAKfv04kpAtJqd/pie-chart-QkfSOonJ2PsmgO27wX2HVmp2bWUHlm","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-13T20:18:27.793Z","updatedAt":"2026-06-10T05:22:42.446Z","publishedAt":"2025-09-19T20:31:58.680Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://piechart.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/61d362f3-eed4-449f-afd8-37114026de7f","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"hnKMgYNCvJ01Y7lLRanQ","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-19T20:31:58.680Z","updatedAt":"2025-09-19T20:31:58.680Z"},{"id":"01995d03-33e4-73e7-b512-6bf9b2388561","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7cvDOjxrZS9BEWsZtd8W","resolved":true,"title":"Stroke Gauge Radial","body":"$5d","bodyJson":null,"introduction":"Animated radial gauge chart component","slug":"stroked-gauge-radial","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7cvDOjxrZS9BEWsZtd8W/stroked-gauge-radial-LeMUaCVzaBBue2eFJFmU0ZbDAoSoxS","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-09T17:27:52.963Z","updatedAt":"2026-06-10T05:02:57.824Z","publishedAt":"2025-09-18T13:28:35.044Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://strokedgaugeradial.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/e993e7e6-fdd4-47dc-aae2-1064027a7fe0","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"ILX06pixgW2KcNUFuAKI","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-18T13:28:35.044Z","updatedAt":"2025-09-18T13:28:35.044Z"},{"id":"0199592a-76c1-79b4-b90e-b8721675c49b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"oA9umIi0rx7vU89BM6q3","resolved":true,"title":"Bar Chart Pro","body":"$5e","bodyJson":null,"introduction":"Interactive customizable bar chart","slug":"bar-chart","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/oA9umIi0rx7vU89BM6q3/bar-chart-5WcZVDJKNm7WbX0SN2ggVSs6cKZIta","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-07T11:14:53.974Z","updatedAt":"2026-06-10T05:08:40.668Z","publishedAt":"2025-09-17T19:32:59.201Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://barchart.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/88714632-8f8c-4915-b96f-49dd6f7070f2","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"qLHHbVhfPUSpOsuKsM5g","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-17T19:32:59.201Z","updatedAt":"2025-09-17T19:32:59.201Z"},{"id":"01993365-0567-7721-8d0f-dd0246a07167","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"e4utdq0nfiBBQnIgw837","resolved":true,"title":"Bubbling Cursor","body":"$5f","bodyJson":null,"introduction":"Interactive cursor bubble trail effect","slug":"bubbling-cursor","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/e4utdq0nfiBBQnIgw837/bubbling-cursor-CScbpkWGQOy7NewlV3WV5y36dRYoSS","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-14T10:10:21.604Z","updatedAt":"2026-06-10T04:24:25.193Z","publishedAt":"2025-09-10T11:31:22.599Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bubblingcursor.framer.website/","price":"5","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/42b7124a-ea4c-4ac9-a265-9f59a76545e5","workshop":true,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"CHbAqjpEUE7s8sbYLIQC","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-10T11:31:22.599Z","updatedAt":"2025-09-10T11:31:22.599Z"},{"id":"0199330a-67eb-73bc-949c-40d4e7abe1a5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AsGFgFngm27C5hAQJ4Aj","resolved":true,"title":"Ripple Loader","body":"$60","bodyJson":null,"introduction":"Animated ripple effect loading indicator","slug":"ripple-effect-loader","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/AsGFgFngm27C5hAQJ4Aj/ripple-effect-loader-25x5jr4bBqxWv5w2EZZ2bmmR0G20i4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-21T06:32:53.575Z","updatedAt":"2026-06-10T04:20:51.632Z","publishedAt":"2025-09-10T09:52:24.043Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/RippleLoader-g6Xx.js@OkmoBR8oNYNbZNS9Ttkr","previewUrl":"https://rippleloader.framer.ai/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"OkmoBR8oNYNbZNS9Ttkr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-10T09:52:24.043Z","updatedAt":"2025-09-10T09:52:24.043Z"},{"id":"01992fa2-9899-70d4-ba74-a744424a03ad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Z4JqgL4hONrBFWwRpceS","resolved":true,"title":"Cursor Shadow Text","body":"$61","bodyJson":null,"introduction":"Interactive cursor shadow text effect","slug":"cursor-shadow-text","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Z4JqgL4hONrBFWwRpceS/cursor-shadow-text-3jM7FmjIbKDCtriT7orH5vdPLqtcNM","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-28T15:05:05.624Z","updatedAt":"2026-06-10T05:18:35.699Z","publishedAt":"2025-09-09T18:00:09.113Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/CursorShadowText-ygxJ.js@xJGpmVgT5JHDVlZRZPmU","previewUrl":"https://cursorshadowtext.framer.ai/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"xJGpmVgT5JHDVlZRZPmU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-09T18:00:09.113Z","updatedAt":"2025-09-09T18:00:09.113Z"},{"id":"0199198d-4301-76d1-8be4-ed1e31cb975a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Np3aJZNN2fC3NvsimTkK","resolved":true,"title":"Dynamic Text FX","body":"$62","bodyJson":null,"introduction":"Animated rotating words text component","slug":"dynamic-text","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Np3aJZNN2fC3NvsimTkK/dynamic-text-hbaHzeQdeggFjqxdHlYpRU11HbS0yU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-26T10:12:37.442Z","updatedAt":"2026-06-10T05:13:44.877Z","publishedAt":"2025-09-05T11:05:12.193Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dynamictextanimation.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/06390318-3c8c-431f-ba4a-5808e000d318","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"IMcHl6oHPr2CoxpSDyF1","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-05T11:05:12.193Z","updatedAt":"2025-09-05T11:05:12.193Z"},{"id":"0199198d-332a-7e43-b721-ef3aaf4160bc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"In6znTamkeieiyHN7ovc","resolved":true,"title":"Hover Frame FX","body":"$63","bodyJson":null,"introduction":"Animated hover line text effect","slug":"hover-frame-effect","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/In6znTamkeieiyHN7ovc/hover-frame-effect-L7dpS7GSQe63Z7scYsgHIC3TJwHycC","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-24T22:11:44.422Z","updatedAt":"2026-06-10T05:05:10.922Z","publishedAt":"2025-09-05T11:05:08.138Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/HoverFrameEffect-Gn1O.js@UcnJmEa6UlnmRZvZCNPH","previewUrl":"https://hoverframeeffect.framer.ai/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"UcnJmEa6UlnmRZvZCNPH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-05T11:05:08.138Z","updatedAt":"2025-09-05T11:05:08.138Z"},{"id":"0199156d-427f-7988-9047-4188688759ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7yRtj1QWWjyGN9pKfDCX","resolved":true,"title":"Ripple Button","body":"$64","bodyJson":null,"introduction":"Animated circular ripple effect button","slug":"ripple-button","author":{"framerUserId":"0bb62f72-7068-44a4-9b58-d61d6fa21810","name":"Saeef","slug":"saeef","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1237963/avatar-S0a4amXnS022WBzTOzdHVlrS01Te5g.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7yRtj1QWWjyGN9pKfDCX/ripple-button-Jg9nEs8HgGzGJCE3c1hpwqWyInpCe0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-23T17:02:27.267Z","updatedAt":"2026-06-10T05:11:07.199Z","publishedAt":"2025-09-04T15:51:46.047Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ripplebutton.framer.ai/","price":"8","paymentUrl":"https://framerspark.lemonsqueezy.com/checkout/buy/3f12b09e-0f58-4428-afef-3233802ccfb1","workshop":true,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"qsfjAKo6VueceRY3IQXK","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-04T15:51:46.047Z","updatedAt":"2025-09-04T15:51:46.047Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]