Loading video...

Video Failed to Load

Go Home

I made the shimmer text component more customizable:)

S0LARIN's profile picture

Solarin

2,987 subscribers

32,811 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview
0:31

Just dropped Text Reveal on Scroll component, using Gsap x Framer ✨, built entirely with ChatGPT. Smooth, customizable, and built for real storytelling on the web. Preview

Sang

26,785 views • 6 months ago

I recently worked on a skeleton component that works with any layout automatically. You can render any real component with mock content, wrap it with a <Skeleton>, and any text, images, etc. get replaced with a shimmer effect. Waaaay easier than manually sizing rectangles. 😃
0:54

I recently worked on a skeleton component that works with any layout automatically. You can render any real component with mock content, wrap it with a <Skeleton>, and any text, images, etc. get replaced with a shimmer effect. Waaaay easier than manually sizing rectangles. 😃

Devon Govett

114,650 views • 1 year ago

works great on blocks of text too 🤙 .text { --duration: calc(var(--text-length) * 0.12s); animation: shimmer var(--duration) infinite; } @​keyframes shimmer { 0% { background-position: 100% 0; } } animation-duration maps to the text length using CSS custom properties 🚀
0:39

works great on blocks of text too 🤙 .text { --duration: calc(var(--text-length) * 0.12s); animation: shimmer var(--duration) infinite; } @​keyframes shimmer { 0% { background-position: 100% 0; } } animation-duration maps to the text length using CSS custom properties 🚀

jhey ʕ•ᴥ•ʔ

100,165 views • 1 year ago

Introducing: Light (god) Rays Component for @Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)
0:20

Introducing: Light (god) Rays Component for @Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Framer University

46,525 views • 1 year ago

I made a FREE Customizable R.E.PO Model!!! For anyone who wants to make their R.E.P.O Game a little more immersive!!
1:50

I made a FREE Customizable R.E.PO Model!!! For anyone who wants to make their R.E.P.O Game a little more immersive!!

Ruby🦇☕️ | Demon Batrista

114,328 views • 1 year ago

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position
1:17

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position

Insilico Terminal

171,057 views • 10 months ago

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.
0:30

Got inspired by Resend's keyboard component, made something similar using pure CSS. This way, its configurable during runtime, so you can change the text and colour to your liking.

balint

185,530 views • 11 months ago

unpopular opinion: I haven't used Figma text layers in last 3 years every component uses a text/heading component instead. buttons, inputs, cards, everything. no raw text layers, no text styles panel just convinced the whole design team at OpenCode to rebuild our system like this 🫡 why: - figma's type panel is painfully slow to work with - auto-layout is baked in, skip the wrapper frames - typography variables just work video overview below 📹
0:26

unpopular opinion: I haven't used Figma text layers in last 3 years every component uses a text/heading component instead. buttons, inputs, cards, everything. no raw text layers, no text styles panel just convinced the whole design team at OpenCode to rebuild our system like this 🫡 why: - figma's type panel is painfully slow to work with - auto-layout is baked in, skip the wrapper frames - typography variables just work video overview below 📹

usrnk1

20,728 views • 1 month ago

Here are some of the hair color options that our 3D customizable vtuber model will have! 💙💜🩷 I also added in colliders and made the physics more flowy and soft! -^u^-
0:44

Here are some of the hair color options that our 3D customizable vtuber model will have! 💙💜🩷 I also added in colliders and made the physics more flowy and soft! -^u^-

Pastell & Palette🤍 3D Customizable Model!

53,163 views • 8 months ago

I made my design with 2wintail's customizable model! ✨🦌 (my voice lil sicky)
0:43

I made my design with 2wintail's customizable model! ✨🦌 (my voice lil sicky)

Doskii 🦌VTUBER | PARTNER PUSHING

18,542 views • 3 months ago

I made a customizable R.E.P.O vtuber model! 🤖🎨 Get it on my Ko-Fi:
0:31

I made a customizable R.E.P.O vtuber model! 🤖🎨 Get it on my Ko-Fi:

Seosaur 🦊🇨🇦 Confused Fox

186,695 views • 1 year ago

🚀 Key Export Component for CDP Embedded Wallets We've offered the ability to export keys from the beginning. Now, it's an easy-to-use and customizable UI component that enables your users to securely export their wallet keys natively. Below, jnix.base.eth walks through the user experience and implementation 👇
1:39

🚀 Key Export Component for CDP Embedded Wallets We've offered the ability to export keys from the beginning. Now, it's an easy-to-use and customizable UI component that enables your users to securely export their wallet keys natively. Below, jnix.base.eth walks through the user experience and implementation 👇

Coinbase Developer Platform🛡️

69,025 views • 7 months ago

Introducing the 𝚃𝙴𝚁𝙼𝙸𝙽𝙰𝙻 component - Completely customizable, pass in inputs and outputs - Enable and disable keystroke sounds - Syntax highlighting - Blip cursor - Sequential animation execution Available for free at Aceternity UI
0:29

Introducing the 𝚃𝙴𝚁𝙼𝙸𝙽𝙰𝙻 component - Completely customizable, pass in inputs and outputs - Enable and disable keystroke sounds - Syntax highlighting - Blip cursor - Sequential animation execution Available for free at Aceternity UI

Manu Arora

27,484 views • 3 months ago

This is text to video Burning Man I made today. A video made just by writing text! Made using Runway and #Gen2 Music isA.I. generated with Mubert.
0:39

This is text to video Burning Man I made today. A video made just by writing text! Made using Runway and #Gen2 Music isA.I. generated with Mubert.

Kris Kashtanova

340,603 views • 3 years ago

The first customizable #ZeroChill Twitch Drops Reward 🥶 Learn More:
1:36

The first customizable #ZeroChill Twitch Drops Reward 🥶 Learn More:

Madden Ultimate Team

1,368,015 views • 2 years ago

Join the trend too with this easy-to-install and customizable #VRChat asset! More than 10 ready-made styles for you to use and customize. #DXOverlay
0:22

Join the trend too with this easy-to-install and customizable #VRChat asset! More than 10 ready-made styles for you to use and customize. #DXOverlay

DX

11,438 views • 1 year ago

CSS placeholder shimmer ✨ - overlay a placeholder element – show when :placeholder-shown – use mask for the border – background-clip for the text - animate the gradient position love playin' with these 🧑‍🍳
0:27

CSS placeholder shimmer ✨ - overlay a placeholder element – show when :placeholder-shown – use mask for the border – background-clip for the text - animate the gradient position love playin' with these 🧑‍🍳

jhey ʕ•ᴥ•ʔ

46,356 views • 1 year ago

Top Component Libraries I can't live without - - - - - - - - - - - - - - - - - - - - - - Follow Harshil Tomar for more SAAS info
12:36

Top Component Libraries I can't live without - - - - - - - - - - - - - - - - - - - - - - Follow Harshil Tomar for more SAAS info

Harshil Tomar

43,202 views • 10 months ago

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for @Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.
0:27

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for @Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

Framer University

117,473 views • 2 years ago