61: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"] 62:T7b5,

RainbowButton is a fully customizable, animated CTA button designed for modern landing pages, SaaS dashboards, and product marketing screens. It combines a dynamic rainbow border, subtle inner sheen, and a soft glow beneath the button to create a premium, attention-grabbing call to action without needing any custom code.

Every visual detail is exposed as Framer property controls. You can fine-tune the base and hover colors, supply your own rainbow gradient (2–8 colors), adjust animation speed and easing, tweak glow blur and opacity, and control both default and hover shadows with the BoxShadow control. Typography, padding, border radius, and even per-side border colors are all configurable so the button can match any design system.

The button supports real-world usage out of the box: set a label, link URL, choose whether it opens in a new tab, and toggle the disabled state for loading or blocked actions. The component uses framer-motion to animate the gradient horizontally in a loop, and smoothly transitions to your hover background, text color, and shadow when the user interacts with it.

Use RainbowButton for high-value actions like “Start Free Trial”, “Get Unlimited Access”, “Sign Up”, or “Checkout” and instantly give your CTAs a polished, “designed” feel.

Key features:

Animated rainbow gradient border with continuous motion
Configurable glow under the button (blur and opacity)
Separate base and hover colors for both background and text
Fully editable font (size, weight, family, alignment) via Font control
Adjustable padding, corner radius, and detailed border settings (per side)
BoxShadow controls for default and hover shadows
Link + open-in-new-tab support and disabled state
Works on both light and dark backgrounds, ideal for hero sections and pricing pages

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-6b739915-0c2e-45f7-8f2d-0d526efa0624-all:/unified/creator/6b739915-0c2e-45f7-8f2d-0d526efa0624/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6b739915-0c2e-45f7-8f2d-0d526efa0624:/unified/posts/?creator=6b739915-0c2e-45f7-8f2d-0d526efa0624&with=reposts":[{"data":[{"id":"019abbaf-e451-7e59-a79d-96e482c56584","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WQGZ8ZI1aP3VZYq27RD4","resolved":true,"title":"Ripple Effect Button","body":"

A polished ripple-effect button that adds instant interaction feedback to your UI. Fully customizable with clean motion, refined hover states, and flexible styling for any layout.

Key Features

Smooth ripple animation on click
Adjustable ripple color and duration
Customizable hover transitions (duration + easing)
Button + hover color control
Full typography settings (font, weight, alignment)
Flexible padding and border-radius
Border + shadow customization
Link support with new-tab option
Lightweight and built natively for Framer

","bodyJson":null,"introduction":"","slug":"ripple-effect-button","author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/WQGZ8ZI1aP3VZYq27RD4/ripple-effect-button-anqVSBa40cQuTXDDwkHxidlNHm3jb8","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-20T12:34:35.865Z","updatedAt":"2025-12-02T13:28:41.666Z","publishedAt":"2025-11-25T15:44:18.001Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ripple-button-preview.framer.website","price":"3","paymentUrl":"https://cmwlabs.lemonsqueezy.com/buy/0b31868c-ad98-4b90-b2ee-63d42efce169","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"LAI2AAdMJT05eojo5OPE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-25T15:44:18.001Z","updatedAt":"2025-11-25T15:44:18.001Z"},{"id":"019ab6d3-f8e3-7d16-a203-c74c7eb756aa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eZGTJCeb9IfkWNcgpCeQ","resolved":true,"title":"Dot Glow Background","body":"

A clean, modern animated background built from a pulsing dotted grid. Designed for hero sections, dashboards, and premium dark-mode layouts. Lightweight, responsive, and customizable, it adds depth and motion without distracting from your content.

Features

Subtle animated dot-matrix grid
Soft glow pulses with independent dot motion
Customizable gap, radius, speed, opacity, and glow
Adjustable background color and fade
Fully responsive and canvas-based for crisp rendering
Smooth, low-distraction ambient motion
Works great behind headings, cards, and product shots

Perfect For

Hero sections
Landing pages
SaaS dashboards
Modern tech websites
Minimal dark-theme designs

","bodyJson":null,"introduction":"","slug":"dot-glow-background","author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eZGTJCeb9IfkWNcgpCeQ/dot-glow-background-w3QyauBEd89GNJpCY9eaQ0yfOds8QQ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-20T10:06:55.647Z","updatedAt":"2025-11-24T18:31:38.857Z","publishedAt":"2025-11-24T17:05:36.483Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dotted-glow-background-preview.framer.website/","price":"4","paymentUrl":"https://cmwlabs.lemonsqueezy.com/buy/8b184524-1bd8-436e-a7b5-897b619a78f7","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"ucPFPDAnaSXHAVKfYEZ8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-24T17:05:36.483Z","updatedAt":"2025-11-24T17:05:36.483Z"},{"id":"019aa738-2e3d-75d0-9218-fd94df2d235c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SL1HChaU0YCGdfntBMBS","resolved":true,"title":"Rainbow Button","body":"$62","bodyJson":null,"introduction":"","slug":"rainbow-button","author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SL1HChaU0YCGdfntBMBS/rainbow-button-R6NI7ZkL9c5gFvyIAsnnPJ8jk2ZDeg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-14T14:20:29.561Z","updatedAt":"2025-11-28T06:44:58.100Z","publishedAt":"2025-11-21T16:21:08.285Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rainbow-button-preview.framer.website","price":"4","paymentUrl":"https://cmwlabs.lemonsqueezy.com/buy/a2b92401-0cad-4746-87b9-30ad32d92e13","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"V7W3OOjZa0iEgP8SE7IM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-21T16:21:08.285Z","updatedAt":"2025-11-21T16:21:08.285Z"},{"id":"019aa6e4-36e1-746e-a311-d2c5b243f2b5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"c8QfDpMyD4brXlAQbHXf","resolved":true,"title":"Ambient Swirl Canvas","body":"

Ambient Swirl Background — Cinematic Ambient Particle Canvas

Create immersive hero sections with a glowing, noise-driven particle swirl inspired by the iconic Codrops effect. This component delivers smooth, organic motion using true Simplex Noise, fully adapted for Framer with responsive sizing and rich customization.

Perfect for landing pages, tech sites, and premium visual experiences.

Key Features

True Simplex Noise for natural swirling motion
Adjustable colors, glow, speed, size, and particle density
Fully responsive to the frame size
High-performance canvas rendering
Self-contained—no external libraries needed

Build subtle ambient atmospheres or bold neon swirls in seconds. Ideal for designers who want cinematic motion without complexity.

","bodyJson":null,"introduction":"","slug":"ambient-swirl-canvas","author":{"framerUserId":"6b739915-0c2e-45f7-8f2d-0d526efa0624","name":"CMW Labs","slug":"cmw-labs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1550030/avatar-Is2UMMXAgzHCb0eSzKTPJdfqS5nsgX.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/c8QfDpMyD4brXlAQbHXf/ambient-swirl-canvas-oeOypnP8vH5rQLjCHbKMSZPafWICJ5","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-16T08:13:40.061Z","updatedAt":"2025-11-21T14:42:24.851Z","publishedAt":"2025-11-21T14:49:25.473Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ambient-swirl-canvas-background-preview.framer.website/","price":"4","paymentUrl":"https://cmwlabs.lemonsqueezy.com/buy/17fb88c0-e870-4c16-ad7f-09cbdf812872","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"aZde5HUCxCmjwkv0ULUH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-21T14:49:25.473Z","updatedAt":"2025-11-21T14:49:25.473Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]