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

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

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

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

Fable 5 just dropped and someone already built a... $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark thisshow 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

Oh my 🤯 By instructing the LLM to answer... using the MDC syntax with your Vue components, it brings AI responses to a whole new level! These responses seamlessly integrate into your UI at runtime 😍show more

🚀Our Coinbase Developer Platform🛡️ Embedded Wallets now support multi-factor... auth (MFA) via authenticator apps and mobile SMS, with hooks and pre-built UI components for both The most trusted wallets are also the easiest to build with👇show more

I’ve completed 1/3 of the UI/UX design for the... Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.show more