Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I made the shimmer text component more customizable:)

S0LARIN's profile picture

Solarin

2,987 subscribers

32,811 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 ay önce

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,080 görüntüleme • 8 ay önce

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 görüntüleme • 3 ay önce

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,552 görüntüleme • 1 yıl önce

🚀 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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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,582 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 2 yıl önce