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

Created a new skill for UI generation skeleton effect,... something I’ve been using in my UI videos. These UI examples are built with UI Agent.show more

new skill: component-canvas. it puts all the components from... a repo on a canvas, with all their variants and states. a nice way to explore the UI of a codebase.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

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

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

WIP - Setting up the equipment UI and working... on the transition effects! ...Even choosing a new umbrella and Charm deserves a little touch of magic🕯️ #ScreenshotSaturday #gamedev #indiedevshow more

One of my favorite features I've added to Interfaces... recently is the ⌘K menu. You can search for anything in any issue from anywhere. Built with cmdk, Fuse.js and Base UI.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

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

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

new skill: improve-ui built to audit interfaces against their... own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix itshow more

Built an Alarm Clock UI with custom scrolling for... setting the time using the #SwiftUI framework. Try and play with it here - Let me know what you think. :D #iosdevelopmentshow more