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

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 👇🧵show more

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

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 sourceshow more

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 Studioshow more

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

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 sourceshow more

Shared element transitions confuse a lot of devs so... I rebuilt the App Store card expand as one single element you can read: tap to expand, drag down to send it back. expo + reanimated + gesture handled fully open source :show more

micro-interactions for Sim workflow blocks. hover over any edge... of a block and see a swell indicator that allows you to click and drag to create a new block connection.show more

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

Despite being told no, I'm open-sourcing Chatpack. You can... now deploy production-ready chat to any app with 30+ native chat features in a single command using npx chatpack@latest I wanted to build a simple chat layer where anyone could add 24/7 live messaging to their app without spending weeks rebuilding the same infrastructure from scratch. Connect your existing auth and database, and Chatpack handles everything underneath. So today, we're open-sourcing Chatpack. > 24/7 real-time messaging between your users > typing, presence, read receipts, permissions, and conversation history > works with your existing auth + database, so your users and data stay yours Run it as a CLI or library. Fully open source. Repo is MIT licensed. If I were starting an AI company today, I'd clone this, pick a market, and begin shipping with Claude Code. Truly excited to see what comes out of this.show more

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

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

Figma technique so simple it's a shame not to... learn it. ⚡️ Before & After ✦ No Plugins ✦ Done in 5mins Many of you asked so here it is. Ideal for presenting your work before and after, light to dark transitions and other interactions. Read below, Figma link included.show more

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 ⬇️🧵show more

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 updatesshow more

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

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

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

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