Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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... show more

Harshil Tomar

22,045 subscribers

188,707 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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?

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

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.

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

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!

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

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 🙌

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

Opus 5.5 is f*cking insane at UI design 20 tools to build your own UI design studio with Opus 5.5 landing pages. dashboards. app screens. full design systems. collect the references, set the tokens, build the components, check every state, ship. 01 shadcn/ui ▸ copy components into your repo and own the code 02 Frontend Design skill ▸ push your agent past templated default layouts 03 Tailwind CSS ▸ style everything with utility classes the agent can read 04 Radix Primitives ▸ get accessible dialogs, menus and popovers out of the box 05 Motion ▸ add hover, press and layout micro-interactions 06 Magic UI ▸ drop in animated landing page components 07 Lucide ▸ keep every icon in one consistent style 08 Figma MCP ▸ hand your agent the real frame, variables and components 09 Mobbin ▸ study real app screens before you design (free tier) 10 Laws of UX ▸ ground layout decisions in proven principles 11 Google Fonts ▸ choose typefaces for headlines and readable body text 12 Fontshare ▸ get free display fonts that don't look like everyone else's 13 Realtime Colors ▸ preview your palette on a real page before committing 14 WebAIM Contrast Checker ▸ make sure your text actually passes contrast 15 Storybook ▸ build and review every component state in isolation 16 Playwright ▸ let the agent screenshot its own UI and fix what it sees 17 Chrome DevTools MCP ▸ let the agent inspect the live page, console and performance 18 Unsplash ▸ find free photos for heroes and mockups 19 Squoosh ▸ compress images before they slow the page down 20 Vercel ▸ ship a preview link for every change the loop: write the brief → collect references → set the tokens → build the components → design every state → screenshot and fix → ship start with one screen. make every element earn its place. save this, then read the full guide for Opus 5.5 UI Engineering ↓

Opus 5.5 is f*cking insane at UI design 20 tools to build your own UI design studio with Opus 5.5 landing pages. dashboards. app screens. full design systems. collect the references, set the tokens, build the components, check every state, ship. 01 shadcn/ui ▸ copy components into your repo and own the code 02 Frontend Design skill ▸ push your agent past templated default layouts 03 Tailwind CSS ▸ style everything with utility classes the agent can read 04 Radix Primitives ▸ get accessible dialogs, menus and popovers out of the box 05 Motion ▸ add hover, press and layout micro-interactions 06 Magic UI ▸ drop in animated landing page components 07 Lucide ▸ keep every icon in one consistent style 08 Figma MCP ▸ hand your agent the real frame, variables and components 09 Mobbin ▸ study real app screens before you design (free tier) 10 Laws of UX ▸ ground layout decisions in proven principles 11 Google Fonts ▸ choose typefaces for headlines and readable body text 12 Fontshare ▸ get free display fonts that don't look like everyone else's 13 Realtime Colors ▸ preview your palette on a real page before committing 14 WebAIM Contrast Checker ▸ make sure your text actually passes contrast 15 Storybook ▸ build and review every component state in isolation 16 Playwright ▸ let the agent screenshot its own UI and fix what it sees 17 Chrome DevTools MCP ▸ let the agent inspect the live page, console and performance 18 Unsplash ▸ find free photos for heroes and mockups 19 Squoosh ▸ compress images before they slow the page down 20 Vercel ▸ ship a preview link for every change the loop: write the brief → collect references → set the tokens → build the components → design every state → screenshot and fix → ship start with one screen. make every element earn its place. save this, then read the full guide for Opus 5.5 UI Engineering ↓

Asteri

11,443 Aufrufe • vor 18 Tagen

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

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

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.

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

39,498 Aufrufe • vor 15 Tagen

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

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,301 Aufrufe • vor 5 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 🧵

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

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:

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

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

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

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.

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

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

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

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.

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

279,055 Aufrufe • vor 1 Monat

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.

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 10 Monaten

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

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.

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

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:

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