Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

SubhanHQ's profile picture

Kiyotaka

2,717 subscribers

381,158 görüntüleme • 16 gün önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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,003 görüntüleme • 1 yıl önce

Introducing React Scan v0.1: A drop-in <script> to scan your React app for slow performance and renders 5 min to setup. Try it out!
0:10

Introducing React Scan v0.1: A drop-in <script> to scan your React app for slow performance and renders 5 min to setup. Try it out!

Aiden Bai

90,027 görüntüleme • 1 yıl önce

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source
0:12

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source

Aiden Bai

1,078,277 görüntüleme • 5 ay önce

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio
0:16

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

Google AI Studio

236,589 görüntüleme • 1 ay önce

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!
0:10

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,065 görüntüleme • 1 yıl önce

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source
0:16

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source

Aiden Bai

843,080 görüntüleme • 4 ay önce

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.
0:10

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

90,028 görüntüleme • 2 yıl önce

A small update to the ChatGPT app: one place to add photos and files, open your camera, and try all the features the model can do for you. Check it out!
0:10

A small update to the ChatGPT app: one place to add photos and files, open your camera, and try all the features the model can do for you. Check it out!

Jesse Chand

43,326 görüntüleme • 1 yıl önce

Introducing Precedent – building blocks for your @Nextjs project. It's a collection of components, hooks, and utilities that I find myself reusing every time I start a new project. 100% free & open source →
0:18

Introducing Precedent – building blocks for your @Nextjs project. It's a collection of components, hooks, and utilities that I find myself reusing every time I start a new project. 100% free & open source →

Steven Tey

480,660 görüntüleme • 3 yıl önce

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵
0:16

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵

Pontus Abrahamsson

128,574 görüntüleme • 1 yıl önce

A brilliant resource on air-delivered bombs, with a visual explainer of their components and a library of reference images showing what these bombs, and their guidance kits, look like after a strike. Well done Open Source Munitions Portal.
0:16

A brilliant resource on air-delivered bombs, with a visual explainer of their components and a library of reference images showing what these bombs, and their guidance kits, look like after a strike. Well done Open Source Munitions Portal.

Benjamin Strick

17,624 görüntüleme • 1 yıl önce

its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates
0:13

its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates

Ibelick

131,343 görüntüleme • 2 yıl ö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

Update on my lightweight intercom alternative that runs on a $5 a month server. The widget is almost ready. It took more work than I expected. I spent a lot of time making it light on websites and thinking through interactions and UI. Built with Go and Vue, and I’ll open source it soon.
0:14

Update on my lightweight intercom alternative that runs on a $5 a month server. The widget is almost ready. It took more work than I expected. I spent a lot of time making it light on websites and thinking through interactions and UI. Built with Go and Vue, and I’ll open source it soon.

Fayaz Ahmed

60,335 görüntüleme • 9 ay önce

Introducing Layout Mode for Agentation, a new way to explore and wireframe directly on the page. Rearrange and resize existing elements, add new components, and generate structured design feedback for your agent.
0:13

Introducing Layout Mode for Agentation, a new way to explore and wireframe directly on the page. Rearrange and resize existing elements, add new components, and generate structured design feedback for your agent.

Benji Taylor

360,549 görüntüleme • 4 ay önce

If you're a designer or a design engineer, you might often end up building micro apps for your creative workflow - branding assets, animations, WebGL effects. BUT to make the app itself look pretty takes quite a lot of work. Laggy controls, weird dropdowns, ugly sliders, partially working image uploaders, slow canvas. We're building a solution for that - a free and open-source micro app template(+ skills/agents.md) for designers. Here is the first teaser of components that will be available for you out of the box.
0:11

If you're a designer or a design engineer, you might often end up building micro apps for your creative workflow - branding assets, animations, WebGL effects. BUT to make the app itself look pretty takes quite a lot of work. Laggy controls, weird dropdowns, ugly sliders, partially working image uploaders, slow canvas. We're building a solution for that - a free and open-source micro app template(+ skills/agents.md) for designers. Here is the first teaser of components that will be available for you out of the box.

Alex Barashkov

43,917 görüntüleme • 2 ay önce

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI
0:13

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

75,602 görüntüleme • 1 yıl önce

I tested MiniMax H3 and Seedance 2.0 with the same game controller concept, and H3 really stood out to me. The product interactions feel more dynamic. The transitions are smoother. And the overall pacing tells a stronger story. The final result feels much closer to a premium brand commercial.
0:10

I tested MiniMax H3 and Seedance 2.0 with the same game controller concept, and H3 really stood out to me. The product interactions feel more dynamic. The transitions are smoother. And the overall pacing tells a stronger story. The final result feels much closer to a premium brand commercial.

FELIX

508,398 görüntüleme • 4 gün önce

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.
0:18

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.

shadcn

36,616 görüntüleme • 4 ay önce

Tried Walgtech 👨🏻‍💻's idea to make a video of the interior transitions Starting with construction base to the Interior AI design to it adding people And Suno 4.5+ to add that cliche interior transition music
0:10

Tried Walgtech 👨🏻‍💻's idea to make a video of the interior transitions Starting with construction base to the Interior AI design to it adding people And Suno 4.5+ to add that cliche interior transition music

@levelsio

241,092 görüntüleme • 10 ay önce