Open-Source-Datentabelle inspiriert von Linear mit shadcn und Motion

X-PostArihant Jain11. September 2026Tool

Arihant Jain hat eine Open-Source-Komponente für Datentabellen veröffentlicht. Das UI-Element orientiert sich am Design von Linear und wurde mit shadcn/ui sowie Motion umgesetzt.

Das Wichtigste

Veröffentlichung einer quelloffenen, frei nutzbaren Datentabellen-Komponente.
Entwickelt mit shadcn/ui und Motion (motiondotdev), gestalterisch inspiriert durch Linear.
Der Hauptfokus liegt laut Autor auf der Web- und Desktop-Nutzung, da Tabellen dort am häufigsten betrachtet werden.

Warum das relevant ist

Interaktive Datentabellen mit flüssigen Animationen und durchdachter UX gehören zu den komplexeren UI-Komponenten in modernen Webanwendungen. Vorgefertigte, quelloffene Vorlagen im Linear-Stil beschleunigen die Frontend-Entwicklung erheblich.

Einordnung

Das Design von Linear gilt im Frontend-Bereich als Maßstab für moderne, reaktionsschnelle Nutzeroberflächen. Durch die Kombination von shadcn/ui mit Animationsbibliotheken wie Motion wird Entwicklern eine anpassbare Codebasis bereitgestellt, die sich direkt in React- und Next.js-Projekte einbinden lässt.

Original-Post

Arihant Jain

@arihantCodes · 11. September 2026

It's finally here — the data table. Built with @shadcn and @motiondotdev inspired by @linear. Open source. Open code. Free to use. Link below. t.co/n4wBILAloa

562 Likes11 Antworten974 Lesezeichen41.107 Aufrufe

Auf X ansehen

Weitere Posts im Thread (7)

@shadcn @motiondotdev @linear 🔗 - t.co/2YFXNFZXLY t.co/WmEiBPwaZi
@prince_a_dada @shadcn @motiondotdev @linear Thanks broo
@BrianHaDu @shadcn @motiondotdev @linear Absolutely!
@BassemBoujebli @shadcn @motiondotdev @linear Thanks
@EnvolDev @shadcn @motiondotdev @linear Thanks Tony!
@HitzuLabs @shadcn @motiondotdev @linear Our mainly foucs on the web for the table bcz most of user are view table in web
@Keithanlkk @shadcn @motiondotdev @linear Thanks Please explore more componets :)

Ausgewählte Antworten (5)

@EnvolDev @arihantCodes @shadcn @motiondotdev @linear The status filters make that payment table really easy to scan. Nicely done, especially keeping the whole thing open source.
@prince_a_dada @arihantCodes @shadcn @motiondotdev @linear great work you have done here
@BrianHaDu @arihantCodes @shadcn @motiondotdev @linear open source tools like this make it easier for everyone to collaborate
@BassemBoujebli @arihantCodes @shadcn @motiondotdev @linear Inspiring 🫡
@HitzuLabs @arihantCodes @shadcn @motiondotdev @linear wow! i will check it, thank you, what about responsive for phone screens?

Erwähnte Links

Arihant Jain on X: 'It's finally here — the data table.'x.com/arihantCodes/status/2098398204232663186

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

Prompt:Manixh025. Sep. 2026
Prompt-Verweis: Open Source Library for Motion Effects
Ein Beitrag auf X weist auf eine kostenlose Open-Source-Bibliothek für Motion-Effekte hin, die 144 fertige Animationen für Webprojekte bereitstellt.
Webentwicklung· Sammlung
X-Post:Swami6. Sep. 2026
Rare UI: Kostenlose animierte React-Komponenten via shadcn CLI
Swami Malode stellt Rare UI vor, eine kostenlose Open-Source-Sammlung von animierten React-Komponenten. Die Komponenten lassen sich direkt über das shadcn CLI in Projekte einbinden.
3963Lesezeichen352.118Aufrufe
Webentwicklung· Tool
X-Post:Arihant Jain18. Sep. 2026
Spectrum UI: Open-Source-Komponentenbibliothek für React mit MCP-Support
Arihant Jain hat Spectrum UI vorgestellt, eine quelloffene Komponenten- und Block-Bibliothek auf Basis von React, Tailwind CSS und Motion. Die Bibliothek umfasst über 250 Bausteine und integriert einen MCP-Server, damit KI-Assistenten wie Cursor oder Claude Komponenten direkt im Projekt installieren können.
183Lesezeichen6871Aufrufe
KI & AI· Ankündigung
X-Post:Manish Kumar12. Aug. 2026
Open-Source-Bibliothek für Motion-Effekte bietet 144 Animationen
Manish Kumar stellt eine kostenlose Open-Source-Bibliothek für Web-Animationen vor, die 144 vorgefertigte Effekte für CSS, React und als KI-Prompts bereitstellt.
786Lesezeichen29.944Aufrufe
Webentwicklung· Sammlung
X-Post:Aniket Pawar7. Sep. 2026
emailcn: Kostenlose E-Mail-Komponentenbibliothek im shadcn-Stil
Aniket Pawar empfiehlt emailcn, eine kostenlose Sammlung von E-Mail-UI-Komponenten, die auf Zugänglichkeit und Anpassbarkeit ausgelegt ist und mit React Email, MJML React sowie JSX Email zusammenarbeitet.
538Lesezeichen40.810Aufrufe
Webentwicklung· Tool
X-Post:LN16. Sep. 2026
Circle: Open-Source-Template für Projektmanagement-UIs im Linear-Stil
Der Entwickler LN (@ln_dev7) hat Circle vorgestellt, ein Open-Source-Template für Projektmanagement-Oberflächen, das optisch an das Tool Linear angelehnt ist. Das Template basiert auf Next.js, TypeScript, Tailwind CSS und shadcn/ui.
577Lesezeichen26.549Aufrufe
Webentwicklung· Tool