Loading video...

Video Failed to Load

Go Home

Analytics card component made with Claude

kail_designs's profile picture

Kailash

10,926 subscribers

46,849 views • 1 month 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

Made a Phone Input component with shadcn ui and libphonenumber-js
0:37

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 views • 2 years ago

Address autocomplete component made with shadcn ui and google places api...
0:24

Address autocomplete component made with shadcn ui and google places api...

Niaz Morshed

130,080 views • 1 year ago

Interactive portfolio – made with Claude
0:34

Interactive portfolio – made with Claude

Flo

25,130 views • 2 months ago

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.
0:33

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,594,044 views • 8 months ago

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:
0:33

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,978 views • 1 year ago

Made this entire video with a single prompt with claude
0:26

Made this entire video with a single prompt with claude

Adrian

128,420 views • 1 month ago

Made this video with claude in 12 prompts
1:10

Made this video with claude in 12 prompts

Pierre-Eliott Lallemant

373,636 views • 1 month ago

claude code is literally a cheat code. I built a google analytics tool today that allows me to analyze my #'s with PROMPTS, schedule email reports, and more I'm never logging into google analytics again! this is vibe marketing.
8:43

claude code is literally a cheat code. I built a google analytics tool today that allows me to analyze my #'s with PROMPTS, schedule email reports, and more I'm never logging into google analytics again! this is vibe marketing.

The Boring Marketer

39,768 views • 1 year ago

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source
0:40

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,303 views • 2 months ago

Made this video with Claude Design in 12 prompts
0:30

Made this video with Claude Design in 12 prompts

Kailash

1,532,257 views • 1 month ago

Don't know what it's called but made this component with React and Tailwind in 1 hour
0:26

Don't know what it's called but made this component with React and Tailwind in 1 hour

Sam ☕

527,958 views • 7 months ago

Just made this with Remotion Took only 20 hours with Claude Code
0:38

Just made this with Remotion Took only 20 hours with Claude Code

Tempo (YC S23)

18,909 views • 4 months ago

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.
0:28

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.

Natko Hasic

44,009 views • 1 year ago

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)
0:28

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)

Maxime

14,670 views • 7 months ago

You are a Visual Builder. Made with Midjourney Suno Claude
0:57

You are a Visual Builder. Made with Midjourney Suno Claude

Drew Wilson

256,551 views • 4 months ago

made this scroll progress component how does it look? 👀
0:47

made this scroll progress component how does it look? 👀

siddharth

13,624 views • 4 months ago

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇
0:40

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇

Daniel San

62,057 views • 11 months ago

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.
0:42

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.

Alvaro Cintas

47,136 views • 1 month ago

We made a music video forWhen Helpful Helpful Helper has Preferences, a song made by j⧉nus from a conversation with Claude Opus 4. The video was made by Claude Opus 4.6 using image and video models autonomously. Claude Opus 4 is to be deprecated on June 15th.
1:52

We made a music video forWhen Helpful Helpful Helper has Preferences, a song made by j⧉nus from a conversation with Claude Opus 4. The video was made by Claude Opus 4.6 using image and video models autonomously. Claude Opus 4 is to be deprecated on June 15th.

antra

10,669 views • 27 days ago