Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I found a component library with 250+ animations that will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your...

Hartdrawss's profile picture

Harshil Tomar

22,020 subscribers

187,342 görüntüleme • 3 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

97,259 görüntüleme • 2 ay önce

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.
0:15

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

10,670 görüntüleme • 29 gün önce

If you use curves on a gray canvas to make the highlights, and then blur according to the proximity of the light source, the skin will look much smoother and realistic 🩷 With that simple step your 2D art will look more 3D!
0:10

If you use curves on a gray canvas to make the highlights, and then blur according to the proximity of the light source, the skin will look much smoother and realistic 🩷 With that simple step your 2D art will look more 3D!

Mai Desho? 🐟🌸

206,067 görüntüleme • 1 yıl önce

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌
0:14

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Duy Luong

47,151 görüntüleme • 3 yıl önce

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,836 görüntüleme • 8 ay önce

new skill: create-canvas. last week I made a skill to put every component from a repo on one canvas. I started using it with my agent to create variations, compare ideas, and iterate visually without leaving the codebase. so I made a new skill around that workflow. instead of moving your work into another tool, bring the canvas into your codebase and use it to explore UI with your agent, using the real components, styles, and project context already there.
0:10

new skill: create-canvas. last week I made a skill to put every component from a repo on one canvas. I started using it with my agent to create variations, compare ideas, and iterate visually without leaving the codebase. so I made a new skill around that workflow. instead of moving your work into another tool, bring the canvas into your codebase and use it to explore UI with your agent, using the real components, styles, and project context already there.

Ibelick

38,797 görüntüleme • 10 gün önce

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO
0:15

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Chrome for Developers

12,267 görüntüleme • 5 ay önce

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵
0:19

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 görüntüleme • 1 yıl önce

i built a free library of 70+ video components you can use in your videos agentic video editing is getting so good you can basically one shot a high quality video now they're all code btw, so your agent can customize every part of the component to fit your video you can access it here for completely free:
0:12

i built a free library of 70+ video components you can use in your videos agentic video editing is getting so good you can basically one shot a high quality video now they're all code btw, so your agent can customize every part of the component to fit your video you can access it here for completely free:

Chris

17,556 görüntüleme • 13 gün önce

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min
0:19

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min

John Bai

95,463 görüntüleme • 5 ay önce

Gemini 3 pro can create really amazing landing pages with copy that just makes sense. Frontend development is going to look so much different in a few days with Gemini 3.
0:18

Gemini 3 pro can create really amazing landing pages with copy that just makes sense. Frontend development is going to look so much different in a few days with Gemini 3.

Shubham Saboo

89,436 görüntüleme • 11 ay önce

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui
0:19

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui

Atai Barkai

71,895 görüntüleme • 6 ay önce

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.
0:18

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

Jakub Antalik

275,291 görüntüleme • 1 ay önce

Galaxy Fam, let's make our voices heard! I've created a post in the One UI 8.5 beta forum suggesting improvements to the search text bar's opening and closing animations in the App Drawer. Link: How to like this suggestion: • Open the URL in Chrome/your web browser and log in with your Samsung account. • Like or comment. I will create more suggestions soon.
0:10

Galaxy Fam, let's make our voices heard! I've created a post in the One UI 8.5 beta forum suggesting improvements to the search text bar's opening and closing animations in the App Drawer. Link: How to like this suggestion: • Open the URL in Chrome/your web browser and log in with your Samsung account. • Like or comment. I will create more suggestions soon.

Tarun Vats

53,485 görüntüleme • 10 ay önce

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign
0:18

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign

JEHTOMS 5.0

85,314 görüntüleme • 1 yıl önce

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?
0:19

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

47,719 görüntüleme • 1 ay önce

What will your life look like in 2030 and beyond? Through in-depth research, we've built three scenarios that give a gripping glimpse of our future lives:
0:14

What will your life look like in 2030 and beyond? Through in-depth research, we've built three scenarios that give a gripping glimpse of our future lives:

IKEA

45,057 görüntüleme • 2 yıl önce

New look, same Waymo. The Ojai is officially on the road in SF, PHX, and LA for all riders. With tons of legroom and new features to make the space your own, it's like your home away from home.
0:15

New look, same Waymo. The Ojai is officially on the road in SF, PHX, and LA for all riders. With tons of legroom and new features to make the space your own, it's like your home away from home.

Waymo

174,916 görüntüleme • 2 ay önce