56:I[473921,["/creators-assets/_next/static/immutable/chunks/1hsplt7jfjgnh.js","/creators-assets/_next/static/immutable/chunks/0ct7__d3eqq0r.js","/creators-assets/_next/static/immutable/chunks/0c-r9a3oxph1w.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1co9epfn9jp6v.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/3or5zvywp1ubp.js","/creators-assets/_next/static/immutable/chunks/1k3rwcufrnywl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/0lx6ikbaymow8.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/0ina8hhu8zfh2.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/1mpx4d_3k5had.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/3_ujmu63m88vf.js","/creators-assets/_next/static/immutable/chunks/25l6djez1lvts.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/3nzo9vld-4e3c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/31lxg3j13mof7.js"],"PostDetailCard"] 57:Td8f,

Turn simple numbers into engaging animated statistics with this powerful and highly customizable counter component. Designed for modern websites, Count Motion Pro helps you display achievements, revenue, growth metrics, customer stats, engagement numbers, and business highlights with a clean and professional presentation.

Built specifically for Framer, the component works seamlessly across canvas, preview, thumbnail, and published sites while maintaining smooth performance and responsive layouts.

Powerful Counter Features

Smooth animated number transitions triggered on viewport visibility
Supports counting up and counting down with decimal support
Advanced number formatting with separators, decimals, and leading zero options
Prefix, suffix, and superscript support for currencies, percentages, and stat indicators
Flexible vertical and horizontal layouts with responsive alignment controls
Framer-style segmented controls for direction, alignment, and positioning
The replay animation system allows animations to run once or replay on scroll
Responsive layout behavior adapts smoothly across desktop, tablet, and mobile
Typography controls allow full customization for numbers, titles, prefixes, suffixes, and superscript text
Optional icon/image support with flexible positioning and spacing controls
Clean property organization keeps the toolbar simple and easy to use
Lightweight and dependency-free for reliable performance

Perfect For

SaaS landing pages
Startup websites
Agency portfolios
Business statistics sections
Revenue and growth metrics
Marketing websites
Dashboard interfaces
Achievement counters
Client and project statistics
Engagement and analytics displays

Property Controls & Customization Options

Content: Configure start and end values, title text, prefixes, suffixes, and superscript indicators
Layout: Control direction, alignment, spacing, and number positioning using Framer-style segmented controls
Theme: Customize colors for numbers, titles, prefixes, suffixes, and superscript text
Fonts: Fully customize typography using Framer’s extended font controls
Format: Choose separator style, decimal precision, and leading zero formatting
Animation: Control duration, easing, delay, and replay behavior
Icons: Add optional icons or images with flexible positioning and sizing options
Responsive Layout: Works with fixed, fill, and auto layouts while maintaining clean scaling behavior

Set up in seconds

Add Count Motion Pro to your Framer canvas
Customize your counter values and text content
Adjust layout, colors, and typography using the toolbar controls
Publish your site and enjoy smooth animated statistics instantly

53:[["$","$L56",null,{"post":{"id":"019e7971-d1cb-7916-9cd1-e3034f959d7a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4d1b48d-6081-43b3-8cac-4e0ef2a43ca2","name":"Himash R.","slug":"himash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/670911/avatar-A7EDstalXHXbN8c3FUJZOlQoT18fnK.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dut5oJH2LYVCgIb28n4a","resolved":true,"title":"Count Motion Pro","body":"$57","bodyJson":null,"introduction":"Premium Animated Counter","slug":"count-motion-pro","author":{"framerUserId":"b4d1b48d-6081-43b3-8cac-4e0ef2a43ca2","name":"Himash R.","slug":"himash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/670911/avatar-A7EDstalXHXbN8c3FUJZOlQoT18fnK.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dut5oJH2LYVCgIb28n4a/count-motion-pro-yM55PUAJErR529UacVAiPRWy2TJQGu","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-15T22:40:57.491Z","updatedAt":"2026-05-30T14:06:08.595Z","publishedAt":"2026-05-30T15:12:42.955Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CountMotionPro-Dv5Msf.js@7XX4tFxasHq7wHwFv7na","previewUrl":"https://jovial-homework-991566.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"7XX4tFxasHq7wHwFv7na","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T15:12:42.955Z","updatedAt":"2026-05-30T15:12:42.955Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you