正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:

Codrops

171,414 subscribers

22,058 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print

This is the easiest way to make $10k/month with organic affiliate and AI Arcads launched an ai ugc studio that lets you build an entire army of hyper-real AI actors Then you turn any static image into a high-quality video showcasing any product go to TikTok and make an account + warm it up using arcads you can run an entirely AI UGC account using the same character over and over, making it seem like an authentic TT page Mix the content up with slideshows and videos with the same character Here's the AI stack gameplan: - Claude to help you write scripts - Arcads to generate an image of an AI girlie that fits your product demographic Scroll tiktok and save + download every video / slideshow you see made by clippers promoting a product (there's literally loads) Your going to find an offer on whop for making money online or spirituality and target it towards girls feed all these videos you scraped into a custom google gemini gem trained to deconstruct hooks / angles for you for easy hook inspiration + ideas Deconstruct the hooks, put them into Claude and ask it to give you hooks for the same style of video put for your products your promoting For the videos do caption and reaction + showcase formats Generate the reactions using the character you made in arc ads then manually record the showcasing of the product or proof of the product working Also for caption generate a 8-10 second video you can put text over Include your CTA in the video for reaction style and captions for caption style Plus generate images with the same character and make slideshows directed to your product Now rinse and repeat this make multiple accounts with multiple different avatars and print

Pounds

32,407 次观看 • 5 个月前

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,785 次观看 • 1 年前

introducing: pixel art reveal for Framer turn any image (doesn't have to be pixelated) into a pixel-by-pixel animation with full control over size, order, timing, and scroll triggers. comment “PIXEL” and i’ll send it to you!

introducing: pixel art reveal for Framer turn any image (doesn't have to be pixelated) into a pixel-by-pixel animation with full control over size, order, timing, and scroll triggers. comment “PIXEL” and i’ll send it to you!

Framer University

10,253 次观看 • 5 个月前

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,025 次观看 • 2 年前

The kind of interaction that makes you scroll back and forth just for fun. →

The kind of interaction that makes you scroll back and forth just for fun. →

Jim Raptis

20,913 次观看 • 7 个月前

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 次观看 • 2 年前

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

Save this for the next time your typography feels weird and you can’t explain why. Nine times out of ten, it’s line-height - the vertical space between lines of text that decides whether type feels confident or clumsy, readable or tiring. Headlines Compress them. ~1.05–1.25 is usually right. Headlines aren’t meant to be read carefully line by line. They’re meant to land as a shape. Tighter leading pulls words into a single visual block and makes the headline feel confident and intentional. One hard rule: ascenders and descenders should never touch. If your t’s and l’s are colliding with g’s and y’s, you’ve gone too far. Body text Do the opposite. Give it air. ~1.4–1.7, depending on the typeface, its x-height, and the line length. Body text is about endurance. Your reader shouldn’t notice the typography at all. If they’re aware of the type, something’s off. The goal is that they just keep going, paragraph after paragraph, without friction. In Framer, you can find the Line-height settings in the Text Panel > Line. And yes, this applies even if you’re using the same font for headlines and body text! Same font, same page, but they have completely different jobs - and different line height. Sometimes, choosing a good type isn’t enough - you need to know how much space to give letters so they can do their work.

charlota

21,862 次观看 • 5 个月前

Want your UI animations to react to real data in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:

Want your UI animations to react to real data in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:

Codrops

13,723 次观看 • 1 年前

Here's a tutorial on how to take footage and turn it into a fictive character using Kling O1 on Freepik

Here's a tutorial on how to take footage and turn it into a fictive character using Kling O1 on Freepik

Martin LeBlanc

12,540 次观看 • 7 个月前

For more than 15 years, Codrops has been a place for sharing experimental demos that push the boundaries of web design and development. Over time, we've also highlighted many creative demos from the community in our demo roundups and newsletter. For this reason we have evolved our Demos Hub into the new Creative Hub, which brings everything together in one place: a growing collection of hand-picked, open-source demos from Codrops and beyond. It's a space to discover, learn from, and celebrate the creativity of the web community. We're curating this collection carefully, but we also welcome submissions from creators who'd like to share their work. Come and explore the new Creative Hub:

For more than 15 years, Codrops has been a place for sharing experimental demos that push the boundaries of web design and development. Over time, we've also highlighted many creative demos from the community in our demo roundups and newsletter. For this reason we have evolved our Demos Hub into the new Creative Hub, which brings everything together in one place: a growing collection of hand-picked, open-source demos from Codrops and beyond. It's a space to discover, learn from, and celebrate the creativity of the web community. We're curating this collection carefully, but we also welcome submissions from creators who'd like to share their work. Come and explore the new Creative Hub:

Codrops

28,892 次观看 • 10 个月前

I became a Midjourney Niji 7 character. Went to MJ, made a character, used it as a reference in Higgsfield Cinema Studio, animated it, and then I used Motion Control to insert myself into the footage. Absolutely crazy for 5 minutes of work!

I became a Midjourney Niji 7 character. Went to MJ, made a character, used it as a reference in Higgsfield Cinema Studio, animated it, and then I used Motion Control to insert myself into the footage. Absolutely crazy for 5 minutes of work!

Alex Patrascu

46,521 次观看 • 5 个月前

so how do you make people actually read a whitepaper? you turn it into an experience.

so how do you make people actually read a whitepaper? you turn it into an experience.

reka

15,713 次观看 • 1 年前

Step beyond the screen and into the experience

Step beyond the screen and into the experience

citra

187,588 次观看 • 1 个月前

Most AI workflows break the moment you need to turn one idea into a real project. This started as a single character. It ended as comics, animation, merch, character sheets, and more. The interesting part isn’t the generation. 🧵 Magnific

Most AI workflows break the moment you need to turn one idea into a real project. This started as a single character. It ended as comics, animation, merch, character sheets, and more. The interesting part isn’t the generation. 🧵 Magnific

Ava AI Labs

122,618 次观看 • 24 天前

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,369 次观看 • 1 年前

You are not ready for how quickly the content pipelines will change in 2026. This post isn't a gimmick. It's a heads up. This n8n automation alone can make you $50k/mo, and it's not a theory anymore. Arcads now lets you make any static image move like it was shot on camera. Subtle head turns, body sway, eye motion, emotion. Everything looks production-grade. Using Kling 2.6 motion control inside Arcads, you can turn any image into: → Influencer-style video clips → Smooth B-roll for ads → Emotional, lifelike portraits → High-end motion visuals in minutes Static creatives are about to feel very outdated. Here's the exact workflow: → Go to Arcads → Select Composer → Choose 'Animate Actor' → Upload a reference video → Upload a character image → Generate If you want to be a beast at content, media, attention, and distribution, this n8n should be worth thousands of dollars for you. But we're in the era of abundance, so I am giving it away for free. RT + comment "n8n" and I'll send it to you for free 📥

You are not ready for how quickly the content pipelines will change in 2026. This post isn't a gimmick. It's a heads up. This n8n automation alone can make you $50k/mo, and it's not a theory anymore. Arcads now lets you make any static image move like it was shot on camera. Subtle head turns, body sway, eye motion, emotion. Everything looks production-grade. Using Kling 2.6 motion control inside Arcads, you can turn any image into: → Influencer-style video clips → Smooth B-roll for ads → Emotional, lifelike portraits → High-end motion visuals in minutes Static creatives are about to feel very outdated. Here's the exact workflow: → Go to Arcads → Select Composer → Choose 'Animate Actor' → Upload a reference video → Upload a character image → Generate If you want to be a beast at content, media, attention, and distribution, this n8n should be worth thousands of dollars for you. But we're in the era of abundance, so I am giving it away for free. RT + comment "n8n" and I'll send it to you for free 📥

Kritarth Mittal | Soshals

52,857 次观看 • 5 个月前

type of shit my bf and i do in the practice range

type of shit my bf and i do in the practice range

espurr

62,713 次观看 • 5 个月前

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting

Sparrow 🍎 HAPPY 兄VERSARY🐆

62,743 次观看 • 6 个月前