Loading video...

Video Failed to Load

Go Home

spreadsheet + data enrichment built with shadcn, TANSTACK table, AI SDK. thinking about publishing it as a custom artifact. anyone interested?

kaiyuhsu's profile picture

Kaiyu

2,106 subscribers

85,900 views • 8 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.
0:47

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,995 views • 3 years ago

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.
0:25

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.

sadman

96,489 views • 1 year ago

As Midday grows, so does our documentation, built with: - Next.js - AI SDK v6 - Streamdown Hayden Bleasel - Shadcn
0:27

As Midday grows, so does our documentation, built with: - Next.js - AI SDK v6 - Streamdown Hayden Bleasel - Shadcn

Pontus Abrahamsson — oss/acc

12,943 views • 4 months ago

Fluar is one of the most complex pieces of software I've built solo, using AI SDK Vercel Render Cursor Supabase shadcn TANSTACK Here are 9 things I've built to make it more lovable: [1/9] It renders massive AI tables without any problems. In the video, it handles 160k React components in one view.
0:40

Fluar is one of the most complex pieces of software I've built solo, using AI SDK Vercel Render Cursor Supabase shadcn TANSTACK Here are 9 things I've built to make it more lovable: [1/9] It renders massive AI tables without any problems. In the video, it handles 160k React components in one view.

kyzo

103,659 views • 8 months ago

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.
0:29

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

shadcn

538,099 views • 1 year ago

Filters component almost ready! - shadcn compatible - TANSTACK table friendly - Size (sm, md, lg) & style (default, outline) variants - Handles literally any data structure - Supports all standard HTML inputs - Plug in any custom input components Anything else you’d love this to support ?
2:18

Filters component almost ready! - shadcn compatible - TANSTACK table friendly - Size (sm, md, lg) & style (default, outline) variants - Handles literally any data structure - Supports all standard HTML inputs - Plug in any custom input components Anything else you’d love this to support ?

ReUI

64,836 views • 8 months ago

Shadcn + Tanstack Form + Zod = Tanstack Builder
0:27

Shadcn + Tanstack Form + Zod = Tanstack Builder

MrPotato | Lynkfire

39,391 views • 9 months ago

New demo: collaborative AI CAD in the browser 🚀 Built with Electric + Durable Streams + TANSTACK DB+AI+Start - ElectricSQL + DB: data sync - Durable Streams: presence + AI + CAD (Yjs!) sync - TanStack AI: AI for cad modelling 🤯 - Coded with Cursor
0:30

New demo: collaborative AI CAD in the browser 🚀 Built with Electric + Durable Streams + TANSTACK DB+AI+Start - ElectricSQL + DB: data sync - Durable Streams: presence + AI + CAD (Yjs!) sync - TanStack AI: AI for cad modelling 🤯 - Coded with Cursor

Sam Willis

155,183 views • 5 months ago

Happy to ship our first open-source layout built with shadcn, @Origin_UI, and TANSTACK Table 🔥 This is just the first of many free UIs we’re dropping in the coming months 🙌
0:22

Happy to ship our first open-source layout built with shadcn, @Origin_UI, and TANSTACK Table 🔥 This is just the first of many free UIs we’re dropping in the coming months 🙌

Pasquale Vitiello

109,298 views • 1 year ago

Improved data-table demo: ◆ cmdk filter (incl. last suggestions) ◆ collapsible controls side panel ◆ filter types: input, checkboxes, slider, timerange ◆ incl. searchparams → Inspired by Vercel & Datadog, Inc., powered by shadcn ui & @tanstack table
0:28

Improved data-table demo: ◆ cmdk filter (incl. last suggestions) ◆ collapsible controls side panel ◆ filter types: input, checkboxes, slider, timerange ◆ incl. searchparams → Inspired by Vercel & Datadog, Inc., powered by shadcn ui & @tanstack table

Maximilian Kaske 🏓

111,212 views • 1 year ago

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.
0:29

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

Ibelick

117,137 views • 10 months ago

airtable like filtering and sorting with TANSTACK table v9 and shadcn ui. filtering and sorting are auto generated based on the column definitions.
0:26

airtable like filtering and sorting with TANSTACK table v9 and shadcn ui. filtering and sorting are auto generated based on the column definitions.

sadman

80,780 views • 1 year ago

Open-source Ticket table, board Layout✨. Built with shadcn, Next.js Github:
0:45

Open-source Ticket table, board Layout✨. Built with shadcn, Next.js Github:

Jason D

51,304 views • 1 month ago

Open-source table list for CRM. Built with shadcn, Next.js. ✨ GitHub:
1:26

Open-source table list for CRM. Built with shadcn, Next.js. ✨ GitHub:

Jason D

26,895 views • 3 months ago

Just dropped our most awaited Filters component with 10 advance examples: - shadcn compatible & 100% free - Type-safe from end to end - Define custom filed types - Library agnostic - DB operators support - i18n & RTL ready - Data Grid + TANSTACK Table integration - nuqs integration - Async mode examples - Standard inputs + custom renderers - Size(sm,md, lg) and style(solid, outline) variants - Base UI version coming soon ... Go ahead 👇to slice and dice your data like a pro 😎
4:34

Just dropped our most awaited Filters component with 10 advance examples: - shadcn compatible & 100% free - Type-safe from end to end - Define custom filed types - Library agnostic - DB operators support - i18n & RTL ready - Data Grid + TANSTACK Table integration - nuqs integration - Async mode examples - Standard inputs + custom renderers - Size(sm,md, lg) and style(solid, outline) variants - Base UI version coming soon ... Go ahead 👇to slice and dice your data like a pro 😎

ReUI

52,955 views • 8 months ago

Hyped for the upcoming update to @bazzaui data table filters. Server-side filtering. BYO table library (optional). i18n support. Performance improvements. Built with shadcn and install w/ one command. Try it early (`canary` channel) by joining our Discord server ⤵️
0:27

Hyped for the upcoming update to @bazzaui data table filters. Server-side filtering. BYO table library (optional). i18n support. Performance improvements. Built with shadcn and install w/ one command. Try it early (`canary` channel) by joining our Discord server ⤵️

kian bazza

15,797 views • 1 year ago

🔥🔥 Introducing BuildKit 2.0 🔥🔥 The shadcn for AI tools.→ Build AI tools + MCPs in minutes → Customize with a single prompt → Works with any SDK - AI SDK, , #mcp Stop waiting for integrations. Start creating them. 🚀 Out now.
3:52

🔥🔥 Introducing BuildKit 2.0 🔥🔥 The shadcn for AI tools.→ Build AI tools + MCPs in minutes → Customize with a single prompt → Works with any SDK - AI SDK, , #mcp Stop waiting for integrations. Start creating them. 🚀 Out now.

Moe

14,587 views • 9 months ago

We built a collaborative editor with an AI agent as a real-time CRDT peer. It has its own cursor, streams edits into a Yjs rich text document, and resolves conflicts alongside human users automatically. Built with Durable Streams, Yjs, and TANSTACK AI. 🔗🧵
0:52

We built a collaborative editor with an AI agent as a real-time CRDT peer. It has its own cursor, streams edits into a Yjs rich text document, and resolves conflicts alongside human users automatically. Built with Durable Streams, Yjs, and TANSTACK AI. 🔗🧵

Electric

36,568 views • 2 months ago

yesterday, I started building an AI assistant for financial data analysis. It can analyze a CSV and provide insights. Next, I’m adding a feature that lets users ask follow-up questions and interact with the data. Built this with nextjs, v0 and AI SDK with Open AI's GPT-4o model
0:33

yesterday, I started building an AI assistant for financial data analysis. It can analyze a CSV and provide insights. Next, I’m adding a feature that lets users ask follow-up questions and interact with the data. Built this with nextjs, v0 and AI SDK with Open AI's GPT-4o model

cedric

14,683 views • 1 year ago

🔥 We fine-tuned Gemma 3 using Unsloth AI on a custom instruction dataset scraped and built with . The model is now able to answer questions about OpenAI Agents SDK documentation. Check out the demo below👇
0:48

🔥 We fine-tuned Gemma 3 using Unsloth AI on a custom instruction dataset scraped and built with . The model is now able to answer questions about OpenAI Agents SDK documentation. Check out the demo below👇

Eric Ciarla (hiring)

28,794 views • 1 year ago