Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:
0:47

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 Aufrufe • vor 1 Jahr

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪
0:41

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 Aufrufe • vor 6 Monaten

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,382 Aufrufe • vor 1 Monat

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 Aufrufe • vor 4 Monaten

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,693 Aufrufe • vor 1 Jahr

This took me 30 seconds and 5 claude prompts Reply CLAUDE so I can DM you the prompt I used to make this video
0:38

This took me 30 seconds and 5 claude prompts Reply CLAUDE so I can DM you the prompt I used to make this video

𝐒 🌞

372,387 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 29 Tagen

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

57,037 Aufrufe • vor 19 Tagen

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 Aufrufe • vor 5 Monaten

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,069 Aufrufe • vor 9 Monaten

"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 Aufrufe • vor 3 Monaten

💬 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,048,257 Aufrufe • vor 6 Monaten

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

531,387 Aufrufe • vor 3 Monaten

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,017 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Jahr

Doocy tries to get Trump to react to a John Fetterman quote, but Trump has some trouble understanding it and has Doocy read it again
0:56

Doocy tries to get Trump to react to a John Fetterman quote, but Trump has some trouble understanding it and has Doocy read it again

Aaron Rupar

158,560 Aufrufe • vor 11 Monaten

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,814 Aufrufe • vor 1 Jahr

Sticky notes in SwiftUI using TransitionStyle.pageCurl. The page curl effect is meant to be used fullscreen so it took some fidgeting to get it working at a smaller size.
0:26

Sticky notes in SwiftUI using TransitionStyle.pageCurl. The page curl effect is meant to be used fullscreen so it took some fidgeting to get it working at a smaller size.

Todd Hamilton

27,973 Aufrufe • vor 6 Monaten

I built automated trading bot with Claude Opus 4.7... Using few secret prompts it made me: day 1: +$4,954 day 2: +$7,281 day 3: +$6,833 day 4: +$7,980 day 5: +$5,329 Here's 5 prompts to create similar bot in just 10 minutes 🧵👇
0:22

I built automated trading bot with Claude Opus 4.7... Using few secret prompts it made me: day 1: +$4,954 day 2: +$7,281 day 3: +$6,833 day 4: +$7,980 day 5: +$5,329 Here's 5 prompts to create similar bot in just 10 minutes 🧵👇

ᴛʀᴀᴄᴇʀ

422,125 Aufrufe • vor 1 Monat