Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

keviduk's profile picture

Kevin

16,879 subscribers

106,908 görüntüleme • 3 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

Seen some old women fake it just to beg and get money from people I really don’t know how to react to this video It is just alot But I feel this isn’t right If you need something just ask
0:47

Seen some old women fake it just to beg and get money from people I really don’t know how to react to this video It is just alot But I feel this isn’t right If you need something just ask

Ola omo Ola

213,427 görüntüleme • 2 ay önce

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮
0:28

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮

Christoph Rumpel 🤠

26,562 görüntüleme • 5 ay önce

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇
0:20

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Daniel San

117,714 görüntüleme • 1 yıl önce

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️
0:21

Using CSS mask-image you can truncate texts with a smooth fade effect. It looks clean and it's a great alternative to text ellipsis. .text-container { overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient( to right, black 50%, transparent); mask-image: linear-gradient( to right, black 50%, transparent); } } If you found this one useful, follow for more! ❤️

Ali

13,380 görüntüleme • 1 ay önce

It took me weeks to finally get this right. Full ShadowTree 🌲 synchronization with React and Reanimated animations, all handled in a single commit 🚀 Before and After 👇🏼
0:16

It took me weeks to finally get this right. Full ShadowTree 🌲 synchronization with React and Reanimated animations, all handled in a single commit 🚀 Before and After 👇🏼

Jacek

10,642 görüntüleme • 6 ay önce

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!
0:22

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!

Chong-U

238,750 görüntüleme • 6 ay önce

asked Fable to improve my rendering of the hairy guy, this looks good enough! took just a few prompts in Omma AI to get it right, the hair material is just a cheap #tsl LambertNodeMaterial with some custom specular lighting model based on the Kajiya-Kay lobes
0:39

asked Fable to improve my rendering of the hairy guy, this looks good enough! took just a few prompts in Omma AI to get it right, the hair material is just a cheap #tsl LambertNodeMaterial with some custom specular lighting model based on the Kajiya-Kay lobes

Marco Fugaro

39,089 görüntüleme • 10 gün önce

"I am a Claude Code maximalist. I try to live in it all day if I can." Carl Vellotti 🥞 has gone deeper on Claude Code than any PM I know. In my new episode, he showed me how to connect Claude Code to: → Google Workspace: Prep for meetings → Linear: Create tickets from PRDs → Slack: Share status updates → Reddit: Monitor subreddit discussions He does all of the above using skills and MCPs in his personal Claude Code OS. Some quotes from Carl: "Connecting Claude Code to the apps that you use at work makes it way more powerful." "Why would you need to go to all these websites if you can just get the info right here?" "I use this consult-the-council skill to get Claude, ChatGPT, and Grok to all review my work in one shot." 📌 Watch now: Thanks to our sponsors: Granola - The best AI meeting notes app I've ever used: Replit ⠕ - Create beautiful prototypes and full stack apps:
0:41

"I am a Claude Code maximalist. I try to live in it all day if I can." Carl Vellotti 🥞 has gone deeper on Claude Code than any PM I know. In my new episode, he showed me how to connect Claude Code to: → Google Workspace: Prep for meetings → Linear: Create tickets from PRDs → Slack: Share status updates → Reddit: Monitor subreddit discussions He does all of the above using skills and MCPs in his personal Claude Code OS. Some quotes from Carl: "Connecting Claude Code to the apps that you use at work makes it way more powerful." "Why would you need to go to all these websites if you can just get the info right here?" "I use this consult-the-council skill to get Claude, ChatGPT, and Grok to all review my work in one shot." 📌 Watch now: Thanks to our sponsors: Granola - The best AI meeting notes app I've ever used: Replit ⠕ - Create beautiful prototypes and full stack apps:

Peter Yang

141,421 görüntüleme • 4 ay önce

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y
0:23

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Ben Holmes

98,090 görüntüleme • 10 ay önce

💬 i need to bend time backwards, rewrite physics and biology from scratch, realign the cosmos, and create a universe where i can get yeonjun pregnant 🦊 i’m really flustered since it’s my first time hearing something like this but it must be a good thing, right?
0:24

💬 i need to bend time backwards, rewrite physics and biology from scratch, realign the cosmos, and create a universe where i can get yeonjun pregnant 🦊 i’m really flustered since it’s my first time hearing something like this but it must be a good thing, right?

💬

1,069,334 görüntüleme • 7 ay önce

Build furniture from oak. Stick it in an ammonia chamber. Give it a few hours. The tannins in the wood react with the ammonia and the longer you leave it in there can take the color from brown, to grey, to black. Finish it with some wax and you’re good to go.
1:17

Build furniture from oak. Stick it in an ammonia chamber. Give it a few hours. The tannins in the wood react with the ammonia and the longer you leave it in there can take the color from brown, to grey, to black. Finish it with some wax and you’re good to go.

Alex Forbes

147,114 görüntüleme • 2 ay önce

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖
2:08

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 görüntüleme • 1 yıl önce

Looks a decent player and I’ve added some music and a good CV! I’ve added some music for it to be a better watch but I get it’s long but just retweet it maybe the right person might see it!
4:34

Looks a decent player and I’ve added some music and a good CV! I’ve added some music for it to be a better watch but I get it’s long but just retweet it maybe the right person might see it!

Demetri Mitchell

26,519 görüntüleme • 9 ay önce

A lot of you asked about the FPS Meter I used here Here is how to get it running in DevTools and a few other handy tips for debugging Janky CSS rendering
1:31

A lot of you asked about the FPS Meter I used here Here is how to get it running in DevTools and a few other handy tips for debugging Janky CSS rendering

Wes Bos

25,867 görüntüleme • 11 ay önce

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶
0:58

I built a free Figma to React plugin used by Lovable! In 1 click you can convert your Figma design into React + Tailwind CSS code They said it had better code gen than even paid plugins like Anima, Builderio, Framer, etc. but no one knew about it :( ✅ Try Figroot (it's completely free) Like + comment to help me share it 🫶

patti

16,274 görüntüleme • 7 ay önce

A 1-hour introduction to Next.js and React 🎥 This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!
1:21:37

A 1-hour introduction to Next.js and React 🎥 This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!

Lee Robinson

166,780 görüntüleme • 2 yıl önce

WHAT IS REACT DOING WITH SUSPENSE?! WTH*CK honestly idk all the details rn but I know preloading is important and you'll probably want to get good at it if you want to optimize data loading and provide a snappy UX while it happens Here's how it looks in future React Router v7
6:01

WHAT IS REACT DOING WITH SUSPENSE?! WTH*CK honestly idk all the details rn but I know preloading is important and you'll probably want to get good at it if you want to optimize data loading and provide a snappy UX while it happens Here's how it looks in future React Router v7

Ryan Florence

77,418 görüntüleme • 2 yıl önce

Here it is! Buying a Ronin Monke on Ronin market, using ETH from Base! I also tested Arbitrum + Ethereum and it worked. If you have a ton of tokens, it will take some time to load and you might get some error saying some tokens didn't load but you can ignore that. Still lots of room for improvement, but it works!
1:15

Here it is! Buying a Ronin Monke on Ronin market, using ETH from Base! I also tested Arbitrum + Ethereum and it worked. If you have a ton of tokens, it will take some time to load and you might get some error saying some tokens didn't load but you can ignore that. Still lots of room for improvement, but it works!

Jihoz.ron

15,832 görüntüleme • 10 ay önce

Just bought a grail and so I have to move some cards. Sad but part of the game. Lmk if interesting in anything below and can get you a price
0:23

Just bought a grail and so I have to move some cards. Sad but part of the game. Lmk if interesting in anything below and can get you a price

JB

47,852 görüntüleme • 7 ay önce

Lovable + Supabase is a dream team for taking ideas to apps! With just a few prompts, you get a full-stack app with auth, database, and a beautiful UI! Lovable is also great at writing RLS policies, securing your apps from malicious access!
1:08

Lovable + Supabase is a dream team for taking ideas to apps! With just a few prompts, you get a full-stack app with auth, database, and a beautiful UI! Lovable is also great at writing RLS policies, securing your apps from malicious access!

Tyler Shukert

38,802 görüntüleme • 1 yıl önce