63: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"] 64:T7b2,

About this Component

The waveform create an organic, reactive looking display that gives the impression of a live visualizer. Controls include play/pause, a seekable progress bar, time display, mute toggle, and a volume slider. It drops straight into your Framer project and every visual property is editable directly from the right panel. No code required after install.

How to Use

Audio File: upload a file through Framer's picker (supports .mp3, .wav, .ogg, .aac, .m4a)
Audio URL: paste a direct link to a public audio file
Title: add track or episode name displayed above the waveform
Description: add artist, subtitle, or any secondary text below the title
Bar Count: add number of waveform bars (8–128)
Bar Radius: add corner rounding on each bar (0–10)
Bass / Low-Mid / High-Mid / Treble: add waveform color gradient mapped left to right across the bars
Text: add title and description text color
Background: add player background color
Accent: add play button, seek fill, and volume thumb color

Component Settings

I actively maintain and update this component. If you have a feature request, please reach out.

65:T646,

About this Component

The button renders a two-color gradient streak that continuously travels along the pill-shaped border. It drops straight into your Framer project and every visual property is editable directly from the right panel. No code required after install.

How to Use

Copy the component file into your Framer project's code components folder, or paste it directly into a new code component.
The component appears at a default size of 200 × 56. Resize it freely; the gradient and layout will adapt automatically.
Select the component and set the Link property in the right panel. It accepts internal Framer pages, external URLs, and anchor links.
Update the Text property to change the button label. Font family, size, and weight are all controlled through the Font property using Framer's native font picker.
All visual properties are in the right panel:Text, Font, Button color, Hover color, Text color, Gradient color, Border thickness, and Button padding.

Component Settings

I actively maintain and update this component. If you have a feature request, please reach out.

66:T78c,

About this Component

AI Text Shimmer renders a repeating gradient sweep across any text making it the go-to choice for AI response placeholders, skeleton loading states, and any UI moment where content is being fetched or generated. It drops straight into your Framer project and every visual property is editable directly from the right panel. No code required after install.

How to Use

Install: Copy the component URL from the Framer Marketplace and paste it into your project via Assets → Import
Place it: Drag AITextShimmer onto your canvas like any native Framer component
Set your text: Type directly into the Text field in the right panel. The text area supports multi-line input
Pick your colors: Set Base Color to your resting text color and Shimmer Color to the highlight that sweeps across it
Choose a font: Select from the preset font families or choose Custom and enter any font already loaded on your site
Set the speed: Adjust Duration (in seconds) to control how fast the shimmer cycles. 1.5–2.5s works best for most use cases
Set the layout: Choose Fixed to set an exact pixel width, or Fill Container to stretch to the parent frame automatically
Preview: The animation is intentionally paused in the Framer editor. Hit Play or publish to a staging URL to see it run live

Component Settings

I actively maintain and update this component. If you have a feature request, please reach out.

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-5ae98f83-f255-4fa6-b420-201e1ff075aa-all:/unified/creator/5ae98f83-f255-4fa6-b420-201e1ff075aa/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:5ae98f83-f255-4fa6-b420-201e1ff075aa:/unified/posts/?creator=5ae98f83-f255-4fa6-b420-201e1ff075aa&with=reposts":[{"data":[{"id":"019e7aa0-01e0-74a6-bd5a-64bdbbf4c5bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0ONBD68FUJyYMZrjivQ5","resolved":true,"title":"Waveform Visualizer","body":"$64","bodyJson":null,"introduction":"Audio Player - Free!","slug":"waveform-visualizer","author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0ONBD68FUJyYMZrjivQ5/waveform-visualizer-xYLo2cLQEQHZhJ6vM9U4Kz5HvAWSR0","metadata":{"tint":{"h":38,"s":69,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-17T22:21:16.377Z","updatedAt":"2026-05-30T20:42:06.338Z","publishedAt":"2026-05-30T20:42:47.136Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Audio-waveform-visualizer-ukTLWb.js@Zd6kf4KqmIWkw84Yjikh","previewUrl":"https://audio-waveform-visualizer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"Zd6kf4KqmIWkw84Yjikh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T20:42:47.136Z","updatedAt":"2026-05-30T20:42:47.136Z"},{"id":"019e7a8b-55ed-7077-9013-720e346f7eef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Nlyte0HTZDT0CgSeK1OZ","resolved":true,"title":"Loop Motion Button","body":"$65","bodyJson":null,"introduction":"Free!","slug":"loop-motion-button","author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Nlyte0HTZDT0CgSeK1OZ/loop-motion-button-zobqWRWjRv5K8AOTFroZOGMmkS5XIW","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-17T18:38:22.735Z","updatedAt":"2026-05-30T20:19:34.512Z","publishedAt":"2026-05-30T20:20:12.397Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Animated-Gradient-Button-rtt5P5.js@tcZ6fr4YTE9uk7yfdimx","previewUrl":"https://loop-animation-gradient-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"tcZ6fr4YTE9uk7yfdimx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T20:20:12.397Z","updatedAt":"2026-05-30T20:20:12.397Z"},{"id":"019de06e-373b-708f-b83f-9833828cbe30","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NQ1HMnEDoikJnWQj0AJI","resolved":true,"title":"AI Text Shimmer","body":"$66","bodyJson":null,"introduction":"Free!","slug":"ai-text-shimmer","author":{"framerUserId":"5ae98f83-f255-4fa6-b420-201e1ff075aa","name":"Victor Ashasha","slug":"victor-ashasha","avatar":"https://framerusercontent.com/avatars/users/5ae98f83-f255-4fa6-b420-201e1ff075aa/eWiKi2ZXd","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NQ1HMnEDoikJnWQj0AJI/ai-text-shimmer-egoOT2CQZBuhbsrMjGaRAlg6b9wW4e","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-22T13:59:52.832Z","updatedAt":"2026-05-30T20:24:13.440Z","publishedAt":"2026-04-30T22:06:52.731Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TextShimmer-XJkVOF.js@hSM8feNugEraf4RYHvj8","previewUrl":"https://text-shimmer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"hSM8feNugEraf4RYHvj8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-30T22:06:52.731Z","updatedAt":"2026-04-30T22:06:52.731Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L67"}]