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

Bring professional-grade feedback loops to your Framer projects with this Star Rating component. Designed for both aesthetic flexibility and functional precision, it allows you to match your brand's look and feel in seconds.

Key Features:

Dynamic Customization: Adjust star size and spacing using intuitive sliders for the perfect visual fit.
Brand Alignment: Full control over "Empty" and "Filled" colors with HEX support to match your design system.
Spring Animations: Utilize built-in spring physics for a tactile, responsive feel when users interact with the stars.
Glow Effects: Toggle a subtle glow behind active stars to add depth and emphasis to high ratings.
Dual Modes: Use it as an interactive input for forms or switch to Read Only mode to display average ratings on product cards or hero sections.
Precise Controls: Set initial values and use the stepper to ensure your layout looks exactly right before publishing.

How to use: Simply drag the component onto your canvas and use the property panel to define your starting rating and visual style. If you're building a review section, toggle "Read Only" to Yes to prevent user manipulation while maintaining the beautiful animated styling.

61:Tc4b,

Elevate your landing pages, portfolio, and product showcases with the Counter Animator component. This fully-customizable Framer component triggers smooth, engaging number animations when scrolling into view—perfect for displaying statistics, metrics, achievements, or any compelling numbers.

Key Features

✨ Scroll-Triggered Animation

Automatically animates when the component comes into view
Smooth easing for professional presentation
Single trigger per scroll (doesn't re-animate on scroll back)

🎨 Fully Customizable

Adjust start number, end number, and duration
Control animation speed and easing curves
Customize colors, fonts, and sizing
Add currency symbols, decimals, or suffixes (%, K, M, etc.)

⚡ Performance Optimized

Lightweight and fast-loading
Smooth 60fps animations
Optimized for mobile and desktop
No external dependencies

🔧 Easy to Use

Drag and drop into your Framer project
Simple props-based configuration
Works seamlessly with Framer design system
Copy-paste ready code included

Perfect For

Landing pages showcasing company stats
Portfolio sites displaying project metrics
SaaS dashboards with KPI displays
E-commerce sites showing conversion rates
Product pages highlighting achievements
Case studies and testimonials
Any design needing engaging data visualization

What's Included

Fully functional Framer component
Multiple animation preset options
Customizable number formatting
Responsive design (mobile-friendly)
Documentation with usage examples
Ready-to-customize colors and typography

Example Use Cases

For Agencies: "Built 500+ projects" | "95% Client Satisfaction" | "$2M+ Revenue Generated"

For SaaS: "10K+ Active Users" | "99.9% Uptime" | "2M+ API Calls"

For E-commerce: "50K+ Happy Customers" | "$5M+ in Sales" | "4.9★ Rating"

For Portfolios: "12 Awards Won" | "3+ Years Experience" | "100+ Projects Completed"

Customization Options:

Number range (start value → end value)
Animation duration (0.5s - 5s)
Easing functions (ease-in, ease-out, ease-in-out, linear)
Decimal places (0-3)
Suffix/Prefix support (€, $, %, K, M, etc.)
Font family, weight, and size
Color (including gradients)
Trigger offset (when animation starts relative to scroll)

62:T435,

Neo-Brutalism Button

A bold, unapologetic button style that blends raw digital minimalism with a playful, high-contrast aesthetic. Featuring thick solid borders, sharp edges, and vibrant flat colors, this style embraces the “so-bad-it’s-good” charm of brutalist web design while keeping it clean and modern. The button pops off the page with heavy drop-shadows, subtle hover lift, and oversized typography, making every click feel intentional. Perfect for interfaces that want to command attention without sacrificing clarity.Properties

Button Label
Background Color
Text Color
Font
Padding
Border Color
Border Width
Shadow Color
Shadow Offset
Link to Internal & External pages

User Feedback

I’d really appreciate it if you could take a minute to share your thoughts on the component! Your feedback helps me improve and create even better Framer components. 💛

5a:["$","$L5f",null,{"value":{"fallback":{"$inf$activity-creator-79254169-5dbb-4390-b832-9fa4ec7b8d9d-all:/unified/creator/79254169-5dbb-4390-b832-9fa4ec7b8d9d/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:79254169-5dbb-4390-b832-9fa4ec7b8d9d:/unified/posts/?creator=79254169-5dbb-4390-b832-9fa4ec7b8d9d&with=reposts":[{"data":[{"id":"019d2b25-4f8c-7da9-8e15-179829009ce7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Racwa1uiUCYARvNhN793","resolved":true,"title":"Glow Star Rating","body":"$60","bodyJson":null,"introduction":"Fully customizable star ratings","slug":"glow-star-rating","author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Racwa1uiUCYARvNhN793/glow-star-rating-wi7bHS4uWYT3DzKLNaVl2oPy4IoZJ3","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-26T14:57:03.296Z","updatedAt":"2026-07-14T14:08:25.998Z","publishedAt":"2026-03-26T17:15:58.732Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GlowStarRating-OuFVpN.js@dLe1leoEqh6txcrfqbwJ","previewUrl":"https://glow-star.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"dLe1leoEqh6txcrfqbwJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-26T17:15:58.732Z","updatedAt":"2026-03-26T17:15:58.732Z"},{"id":"019abc23-daf1-781f-9402-188e4dfde3d1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SCWOmuig1kNPbcDIRGsK","resolved":true,"title":"Searchable Dropdown","body":"

A powerful, production-ready dropdown component with real-time search filtering, multi-select capabilities. Perfect for forms, dashboards, product filters, and any interface requiring users to select from lists. Fully customizable styling with extensive control over appearance and behavior.

Key Features

Selection Customization
Text & Placeholder Customization
Visual Design & Styling
Behavioral Options

Controls Available

","bodyJson":null,"introduction":"Advanced searchable dropdown","slug":"searchable-dropdown","author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SCWOmuig1kNPbcDIRGsK/searchable-dropdown-eNglibMqykbLNMIoVcu3fn1fjJ7iZx","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-30T07:40:58.154Z","updatedAt":"2026-07-14T14:09:10.600Z","publishedAt":"2025-11-25T17:50:57.777Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SearchableDropdown-IyHv.js@Toe2aC1GtV5y09pI6EpB","previewUrl":"https://searchable-dropdown.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Toe2aC1GtV5y09pI6EpB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-25T17:50:57.777Z","updatedAt":"2025-11-25T17:50:57.777Z"},{"id":"019a312c-f71c-760a-ad2e-41c18a53e64d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bMRuHMKdINPACcGbmWo3","resolved":true,"title":"Counter Animator","body":"$61","bodyJson":null,"introduction":"","slug":"counter-animator","author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bMRuHMKdINPACcGbmWo3/counter-animator-VVFTRlpH69OhAeX8RPRmaVdC1oYcBK","metadata":{"tint":{"h":300,"s":53,"l":63},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-17T09:12:21.496Z","updatedAt":"2025-11-25T19:04:55.334Z","publishedAt":"2025-10-29T18:13:41.788Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://counter-animator.framer.website/","price":"5","paymentUrl":"https://checkout.dodopayments.com/buy/pdt_3vTnH4mTXeGrdKrNcjPCV?quantity=1&showDiscounts=false","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"GBffuBeVDa8wGRr3kNxw","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-29T18:13:41.788Z","updatedAt":"2025-10-29T18:13:41.788Z"},{"id":"0198e154-dd38-7408-9bcc-876407b76fcf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2ml0ZLEKftLZfA4ksxoV","resolved":true,"title":"Neo-Brutalism Button","body":"$62","bodyJson":null,"introduction":"","slug":"neo-brutalism-button","author":{"framerUserId":"79254169-5dbb-4390-b832-9fa4ec7b8d9d","name":"Arkdezin Studio","slug":"arkdezin","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/830797/avatar-yuFf9UqFLP2iRPpqvXl6kqVXDpjNoL.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/HF1xyupbvM6mBEUXwMy1/neo-brutalism-button-FWYc4kqPTkSzXz0UrByhNpnoC6EU0P","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-11T14:29:35.496Z","updatedAt":"2025-10-29T11:09:33.786Z","publishedAt":"2025-08-25T13:04:52.024Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Brutalism-Button-7oxs.js@suZjMKFmFrnBuRIhWCTV","previewUrl":"https://neo-brutalism-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"suZjMKFmFrnBuRIhWCTV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-25T13:04:52.024Z","updatedAt":"2025-08-25T13:04:52.024Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]