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

X-PostArihant JainTool

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

  1. Veröffentlichung einer quelloffenen, frei nutzbaren Datentabellen-Komponente.
  2. Entwickelt mit shadcn/ui und Motion (motiondotdev), gestalterisch inspiriert durch Linear.
  3. 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)
  1. @shadcn @motiondotdev @linear 🔗 - t.co/2YFXNFZXLY t.co/WmEiBPwaZi
  2. @prince_a_dada @shadcn @motiondotdev @linear Thanks broo
  3. @BrianHaDu @shadcn @motiondotdev @linear Absolutely!
  4. @BassemBoujebli @shadcn @motiondotdev @linear Thanks
  5. @EnvolDev @shadcn @motiondotdev @linear Thanks Tony!
  6. @HitzuLabs @shadcn @motiondotdev @linear Our mainly foucs on the web for the table bcz most of user are view table in web
  7. @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

Links und Tools aus diesem Beitrag

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

Ähnliche Einträge

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

  • X-Post:Ali Bey

    reUI Data Grid: Open-Source-Tabellenkomponente für React

    Ali Bey empfiehlt die Data-Grid-Komponente von reUI als die beste ihm bekannte Lösung. Die quelloffene React-Komponente basiert auf shadcn/ui und TanStack Table und bietet Tabellenfunktionen ähnlich wie Tabellenkalkulationsprogramme.

    157Lesezeichen12.676Aufrufe

    Webentwicklung· Tool

  • X-Post:Urvish

    useLayouts: Kostenlose animierte React-Komponenten

    Entwickler Urvish stellt useLayouts vor, eine Sammlung kostenloser und anpassbarer React-Komponenten mit Fokus auf Interaktion und Animation.

    343Lesezeichen17.626Aufrufe

    Webentwicklung· Tool

  • X-Post:Swami

    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 Jain

    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

Zurück zur Wissensbasis

Sprechen wir über Ihr Projekt.

Kontakt

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.