Loading video...

Video Failed to Load

Go Home

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_io's profile picture

ReUI

6,953 subscribers

64,836 views • 8 months ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

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

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

Kaiyu

85,900 views • 8 months 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

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic
1:24

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

20,783 views • 5 months 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

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:
0:33

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,978 views • 1 year 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,430 views • 8 months ago

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.
0:25

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

shadcn

73,795 views • 1 year ago

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.
0:29

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

shadcn

1,126,902 views • 6 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

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,272 views • 1 year ago

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.
0:22

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.

sam

30,232 views • 1 year ago

Made a Phone Input component with shadcn ui and libphonenumber-js
0:37

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 views • 2 years ago

You can now import any Motion-Primitives component with the shadcn CLI 🤝
0:24

You can now import any Motion-Primitives component with the shadcn CLI 🤝

Ibelick

66,463 views • 1 year ago

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.
6:50

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Mckay Wrigley

299,603 views • 1 year ago

Announcing Monochrome, an accessible UI component library in 2.2kB. HTML-first. Works with any framework. Zero dependencies.
0:27

Announcing Monochrome, an accessible UI component library in 2.2kB. HTML-first. Works with any framework. Zero dependencies.

Colin

49,899 views • 3 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

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

Shadcn + Tanstack Form + Zod = Tanstack Builder

MrPotato | Lynkfire

39,391 views • 9 months ago

New Onboarding Component 🍻 ✅ shadcn compatible ✅ Free & Open source ✅ Composable
0:27

New Onboarding Component 🍻 ✅ shadcn compatible ✅ Free & Open source ✅ Composable

Jordan

50,926 views • 3 months ago