Hayden Bleasel (@haydenbleasel) / X

Hayden Bleasel

5,680 posts

Hayden Bleasel

@haydenbleasel

Member of Technical Staff @OpenAI. Prev @Vercel @PalantirTech. Building ultracite.ai / files-sdk.dev / batchwork.dev

San Francisco, CA

Joined July 2013

Hayden Bleasel
@haydenbleasel
Oct 13, 2025
Introducing Kibo UI Patterns. 1000+ @shadcn examples for use in your project. Every component. Every variant. Every state. Completely free. Link 👇
262K
Hayden Bleasel
@haydenbleasel
Aug 7, 2025
▲ Introducing AI Elements by @vercel The @shadcn component library for building AI-native apps. $ npx ai-elements
00:00
AI SDK
@aisdk
Aug 7, 2025
AI Elements are new beautifully designed React components for the AI SDK. Open source and built on shadcn/ui, they're easy to integrate and fully customizable.
180K
Hayden Bleasel
@haydenbleasel
Oct 14, 2025
I've had a lot of people ask me how to build components properly. How do you think about things like composition, polymorphism, slots, data attributes and accessibility? It's a lot to figure out. 📦 That's why @shadcn and I have teamed up to create components․build — the
128K
Hayden Bleasel
@haydenbleasel
Aug 19, 2025
Introducing ▲ Streamdown A drop-in replacement for react-markdown, designed for AI-powered streaming. npm i streamdown (or just use AI Elements!) Link 👇
00:00
102K
Hayden Bleasel
@haydenbleasel
Aug 28, 2025
▲ @vercel Streamdown 1.1 by is out! Featuring some awesome updates and community contributions 👇
196K
Hayden Bleasel
@haydenbleasel
May 26, 2025
I bring these two files into every single JS project I start. Is there a better way? 🤔
109K
Hayden Bleasel
@haydenbleasel
Oct 17, 2025
My @shadcn course is live on Vercel Academy! Its designed to take you from zero to shipping production-ready UI components. You'll understand not just how to use shadcn/ui, but how it works, how to extend it, and how to create your own components. Link 👇
62K
Hayden Bleasel
@haydenbleasel
Nov 20, 2024
Introducing Roadmap UI — a collection of composable, open source components for building interactive roadmaps built on @shadcn/ui. Inspired by best-in-class tools like @linear, @Jira and @planepowers; originally built for eververse.ai. roadmap-ui.com/?ref=x-1
65K
Hayden Bleasel
@haydenbleasel
Jun 23, 2025
✨ I'm unbelievably excited to introduce Ultracite v5: the AI-ready formatter that helps you write and generate code faster. 🙅 Zero-config ⚡ Lightning fast 🤖 Designed for humans and AI 💪 Maximum type safety 🔗 Plays nice with others Here's the TL;DR 👇🧵
00:00
188K
Hayden Bleasel
@haydenbleasel
May 5, 2025
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 👇🧵
00:00
91K
Hayden Bleasel
@haydenbleasel
Jun 26, 2025
Every one of my projects starts with the same 4 commands. ✨ What else do I need?
122K
Hayden Bleasel
@haydenbleasel
Oct 23, 2025
if you like directives you won't BELIEVE what we're cooking up for next.js 17
Vercel Developers
@vercel_dev
Oct 23, 2025
Workflow Dev Kit: reliability-as-code • "𝚞𝚜𝚎 𝚠𝚘𝚛𝚔𝚏𝚕𝚘𝚠" + "𝚞𝚜𝚎 𝚜𝚝𝚎𝚙" • Open source and MIT-licensed • Designed for AI agents and backends • Backend-agnostic (Vercel or self-hosted) • Framework-agnostic (Next.js, Nitro & more) useworkflow.dev
123K
Hayden Bleasel
@haydenbleasel
Sep 8, 2025
Kibo UI is now a trusted @shadcn registry so you can just install components like this! 😱
49K
Hayden Bleasel
@haydenbleasel
Jul 30, 2025
Dropping a new @shadcn component for the first time in a while! Introducing the Stories component — create your very own stories UI like Facebook or Instagram. Link 👇🧵
00:00
48K