Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

21,344 subscribers

66,931 Aufrufe • vor 3 Tagen •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Lefties will look you straight in the eye and tell you that this is the same as eating a burger with your hands
0:14

Lefties will look you straight in the eye and tell you that this is the same as eating a burger with your hands

Kaguya’s Top Gal

89,676 Aufrufe • vor 7 Monaten

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!

Nixeu

198,936 Aufrufe • vor 1 Jahr

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇
0:15

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇

CopilotKit🪁

33,444 Aufrufe • vor 10 Monaten

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

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,135 Aufrufe • vor 2 Monaten

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

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

94,774 Aufrufe • vor 2 Monaten

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

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →
0:14

effortlessly and seamlessly transition between text with <TextMorph/> built on Intl.Locale and Web Animations API. dependency-free and ready to use in your favourite framework ✨ →

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

167,590 Aufrufe • vor 5 Monaten

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵
0:19

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Hayden

91,002 Aufrufe • vor 1 Jahr

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

43,903 Aufrufe • vor 2 Jahren

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

I spent months building a code editor and the feature people are most excited about is... copying images to the clipboard ⌘⌥C your code. Paste a masterpiece. Your Keynote will never look the same.
0:20

I spent months building a code editor and the feature people are most excited about is... copying images to the clipboard ⌘⌥C your code. Paste a masterpiece. Your Keynote will never look the same.

Marcin Krzyzanowski

29,669 Aufrufe • vor 7 Monaten

Ybou The skin image is just the "streamed preview" shown when you select a skin in your locker, and I place it on a locker background in Photoshop to make it look better Makes sense to do it like this cuz it's *exactly* how it will look in the actual game
0:12

Ybou The skin image is just the "streamed preview" shown when you select a skin in your locker, and I place it on a locker background in Photoshop to make it look better Makes sense to do it like this cuz it's *exactly* how it will look in the actual game

Shiina

87,280 Aufrufe • vor 13 Tagen

more frontend vibecoding tips (results below): WHY YOUR VIBECODED FRONTENDS ALL LOOK THE SAME AND SUCK: when asked to make a frontend, the agent/llm will default to the center/average of its training data (in a very loose sense). through the training process, the model essentially converges on some default UI style. it's very capable of doing things that are different from this style, but you have to ask! for instance, ChatGPT tends to reply in the same tone for all users untill you interact with it and instruct it differently ("be sassy", "eli5"). the second reason is that most of us are not good at coming up with designs and describing them precisely (see my tweet on a crash course in common components, which i'll link below). treat frontend generation just like any other eng task! you need to provide a good detailed spec. TIPS: 1. give ur agent screenshots of designs you like (you may not know the right words to describe them but the agent will! a pic = 1000 words) where to find ui inspo? Behance, Dribbble, Mobbin (Mobbin is paid but worth it!) 2. ask ur agent for proposals, this helps "seed" different directions so the final frontend stands out. don't be afraid to go back and forth. 3. ban certain tendencies: no Inter/Roboto, no shadcn (controversial), no gradients, no emojis 4. encourage the agent to be extreme and make bold decisions, not safe ones. i think that the underlying models tend to get taught during RL/fine-tuning to make conservative choices that produce reasonable but boring frontends 5. give ur agent Figma MCP. the best results will come if you mockup your vision in Figma first. 6. Ideally choose an agent with vision capabilities TLDR: Most people are tremendously underusing agents for frontend design. They are much better than you might expect.
0:12

more frontend vibecoding tips (results below): WHY YOUR VIBECODED FRONTENDS ALL LOOK THE SAME AND SUCK: when asked to make a frontend, the agent/llm will default to the center/average of its training data (in a very loose sense). through the training process, the model essentially converges on some default UI style. it's very capable of doing things that are different from this style, but you have to ask! for instance, ChatGPT tends to reply in the same tone for all users untill you interact with it and instruct it differently ("be sassy", "eli5"). the second reason is that most of us are not good at coming up with designs and describing them precisely (see my tweet on a crash course in common components, which i'll link below). treat frontend generation just like any other eng task! you need to provide a good detailed spec. TIPS: 1. give ur agent screenshots of designs you like (you may not know the right words to describe them but the agent will! a pic = 1000 words) where to find ui inspo? Behance, Dribbble, Mobbin (Mobbin is paid but worth it!) 2. ask ur agent for proposals, this helps "seed" different directions so the final frontend stands out. don't be afraid to go back and forth. 3. ban certain tendencies: no Inter/Roboto, no shadcn (controversial), no gradients, no emojis 4. encourage the agent to be extreme and make bold decisions, not safe ones. i think that the underlying models tend to get taught during RL/fine-tuning to make conservative choices that produce reasonable but boring frontends 5. give ur agent Figma MCP. the best results will come if you mockup your vision in Figma first. 6. Ideally choose an agent with vision capabilities TLDR: Most people are tremendously underusing agents for frontend design. They are much better than you might expect.

andrew gao

64,212 Aufrufe • vor 5 Monaten

Make your House construction video and see how it will look like after completion. Put in your blueprint and land. With seedance 2.0 and GPT IMAGE 2.0. Generate your video with prompt : ⤵️
0:15

Make your House construction video and see how it will look like after completion. Put in your blueprint and land. With seedance 2.0 and GPT IMAGE 2.0. Generate your video with prompt : ⤵️

ᴍᴜʀᴘʜʏ

18,188 Aufrufe • vor 2 Monaten

Comment “FIX” and I will solve your driver issues for FREE Use this Weird Trick for Instant Driver Speed 🚀 Most golfers never feel a real release with the driver. This drill will change that. 👇 1. Hold your lead arm straight out in front, stable as a post. 2. Make slow,
0:18

Comment “FIX” and I will solve your driver issues for FREE Use this Weird Trick for Instant Driver Speed 🚀 Most golfers never feel a real release with the driver. This drill will change that. 👇 1. Hold your lead arm straight out in front, stable as a post. 2. Make slow,

Kerrod Gray | Professional Golf Coach

19,334 Aufrufe • vor 6 Monaten

If you get into a fight with someone and their legs look like that, they’re about to tear your calf off the bone 😭
0:13

If you get into a fight with someone and their legs look like that, they’re about to tear your calf off the bone 😭

24hourMMA

33,248 Aufrufe • vor 4 Monaten

Stop typing “make it look modern”. There are 2,000+ 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 files from top products. Colors. Typography. Spacing. Component rules. All packed into a single Markdown file your AI reads before it generates anything. → Works with Claude Code, Cursor, Lovable, Bolt → 100% Free to use Pick a style you like. Drop it in your repo.
0:13

Stop typing “make it look modern”. There are 2,000+ 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 files from top products. Colors. Typography. Spacing. Component rules. All packed into a single Markdown file your AI reads before it generates anything. → Works with Claude Code, Cursor, Lovable, Bolt → 100% Free to use Pick a style you like. Drop it in your repo.

Alvaro Cintas

276,397 Aufrufe • vor 2 Monaten

Since the guy responding to this blocked me like a coward before I could respond to them, this is your reminder that I have never and will never use AI in any of my animations. Accusing artists and animators of AI without proof is very dangerous. Shame on you.
0:15

Since the guy responding to this blocked me like a coward before I could respond to them, this is your reminder that I have never and will never use AI in any of my animations. Accusing artists and animators of AI without proof is very dangerous. Shame on you.

Jusagi 🎲💭⏳🗿

152,609 Aufrufe • vor 6 Monaten