I've started using Base UI for Hypermode's new UI... components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇show more

We've added 4 new animated Base UI components to... Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇show more

Behind the scenes on what I've been working on... lately. I'm putting together a UI Kit with premade components built using Compose Unstyled It's a set of premade components to kick-start your apps quickly using Compose on all platformsshow more

✨ Introducing Magic UI 🪄 A UI library of... animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.show 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

Complex UI: New web APIs in disguise 🥸 These... balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨show more

Mobile design UI components Line design system is an... excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.show more

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

Alrighty, the time has come to give away frostin-ui... components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇show more

Sidekick has 20+ new capabilities in this Edition. My... favorite: it can create custom apps. Just prompt Sidekick, and it writes the app code using Polaris UI with Admin API GraphQL queries and mutations.show more

Imagining UI components as jelly is oddly satisfying… this... time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)show more

Code Connect is now out of beta and with... new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024show more

Here is an awesome shadcn alternative Coss UI (previously... Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offersshow more

Introducing Perennial—the new perps rollup live on Base. 🌸... Built for speed. Rooted in the Base ecosystem. Optimized for traders. Your new favorite hyper-efficient perps venue has arrived—and with it Season 2 of the Petals Program begins. Let’s dive in. 🧵show more

First try with Vercel's new Postgres database! Was so... quick to set up 🤯 here I've got a collaborative form built with Liveblocks, and I'm having it automatically sync data to the database. More info 🧵show more

A little Sunday inspiration ✨ New Motion Highlights with... UI animations and motion design to refresh your creative brain before the week begins:show more

New this week: Pen tool & morphing 🖊️ You... can now draw your own shapes in Jitter and animate them with fluid shape-to-shape transitions. Perfect for elegant logo reveals, shape-shifting UI elements, expressive text effects, and motion that is truly one of a kind. Try it now 👇show more

The Figma glass teaser and launch videos were made... entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅show more

finally shadcn combobox with creatable support built with Base... UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-comboboxshow more

Just released the new Origin UI set 🔥 It... includes 50+ checkboxes, radio buttons, and switches. Check it out using the link in the comments ↓show more