shadcncraft veröffentlicht Sales- und Marketing-Dashboard für Next.js und Figma

X-PostshadcncraftTool

shadcncraft hat ein Anwendungs-Template für Next.js und shadcn/ui vorgestellt, das sieben Seiten und 23 wiederverwendbare UI-Blöcke umfasst. Alle Komponenten sind 1:1 auf entsprechende Figma-Designs abgestimmt.

Das Wichtigste

  1. Umfasst sieben Seitenbereiche: Übersicht, Analytics, Kampagnen, Deals, Leads, Kunden und Einstellungen.
  2. Beinhaltet 23 modulare shadcn/ui-Blöcke, darunter Metrik-Karten, Trichter-Visualisierungen, Wachstums-Simulatoren und Tabellen.
  3. Bietet eine Deal-Verwaltung als Kanban-Board mit Drag-and-Drop-Unterstützung.
  4. Komponenten und Figma-Vorlagen sind produktionsreif aufgebaut und lassen sich als Komplettanwendung oder einzeln in bestehende Apps integrieren.

Warum das relevant ist

Viele UI-Kits bieten entweder nur Frontend-Code oder Design-Dateien ohne exakte Übereinstimmung. Eine konsistente 1:1-Synchronisation zwischen Figma und produktionsreifen shadcn/ui-Komponenten verkürzt Entwicklungszyklen bei datenintensiven B2B-Dashboards spürbar.

Einordnung

Das Template richtet sich an Entwickler und Design-Teams, die Dashboards auf Basis des weit verbreiteten shadcn/ui-Ökosystems bauen. Statt Standardkomponenten von Grund auf zusammenzusetzen, liefert das Paket fertige Datenvisualisierungen und Workspaces, die flexibel adaptiert werden können.

Original-Post

shadcncraft

@shadcncraft · 15. September 2026

Seven pages, plus 23 reusable shadcn/ui blocks. Figma and React, matched 1:1. Explore the live demo and Figma preview: t.co/zV3bFSafcZ

12 Likes0 Antworten26 Lesezeichen879 Aufrufe

Auf X ansehen
Weitere Posts im Thread (11)
  1. Build your next dashboard faster. Our Sales & Marketing Dashboard is a complete Next.js app built on shadcn/ui, with 23 reusable blocks and matching Figma designs. Start with the overview: spend, revenue, leads, and pipeline in one place. t.co/eR7YNWD5MD
  2. Compare campaign performance without building the interface from scratch. Use the complete page or install individual shadcn/ui blocks into your existing app. t.co/6DBCeDbGXu
  3. See which channels bring traffic, where visitors convert, and how marketing spend performs. Charts, funnels, and attribution views, ready to adapt to your product in Figma and React. t.co/DTZBk652gH
  4. Manage your sales pipeline in a full kanban workspace. Drag and drop cards between columns as opportunities move from one stage to the next. Customize the board to match your workflow, with the same components and styling as the rest of the app. t.co/fjOKnlqcxY
  5. Give your leads a dedicated workspace. Start with the matching Figma layout and React implementation, then connect your data and make it your own. t.co/7efrkmwvgR
  6. Bring customer information and health scores into the same app. t.co/CPkYsLYqno
  7. @iamncdai So many!
  8. @khushiirl 🫡
  9. @creativestefan 🪵🪵🪵🪵
  10. @aminurui Thank you!
  11. @efferdco Cheers! Hope you’re good
Ausgewählte Antworten (5)
  • @khushiirl @shadcncraft Wow
  • @creativestefan @shadcncraft 🔥🔥🔥🔥
  • @aminurui @shadcncraft Love this project!
  • @madeline_d_22 @shadcncraft Best looking dashboard out there
  • @iamncdai @shadcncraft Super cool. So many charts and blocks 🔥

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.

  • Link:shadcncraft

    Sales & Marketing Dashboard von shadcncraft

    shadcncraft präsentiert ein umfassendes Sales- und Marketing-Dashboard, das mit Next.js, React und shadcn/ui entwickelt wurde und 1:1 auf Figma-Vorlagen abgestimmt ist. Das Paket umfasst 23 wiederverwendbare Dashboard-Blöcke für Metriken, Trichter und Pipelines sowie Anbindungen an Design-Richtlinien via Model Context Protocol (MCP).

    KI & AI· Sammlung

  • X-Post:Den

    Veröffentlichung des Ultimate Admin & Dashboard Template

    Den hat das 'Ultimate Admin & Dashboard Template' vorgestellt, ein UI-Template für Webanwendungen, das auf shadcn und Base UI basiert. Es umfasst acht Dashboard-Varianten, fertige App-Layouts und verschiedene Authentifizierungsansichten, wobei auch eine kostenlose Version bereitgestellt wird.

    417Lesezeichen22.095Aufrufe

    Webentwicklung· Ankündigung

  • Link:Ajay Patel, Anand Patel

    Shadcn Studio: Komponenten, UI-Blöcke und Templates für shadcn/ui

    Shadcn Studio stellt vorgefertigte UI-Komponenten, Blöcke und Vorlagen für shadcn/ui bereit, die sowohl Radix UI als auch Base UI unterstützen. Neben Copy-Paste-Code und CLI-Installation bietet die Plattform KI-Werkzeuge wie einen MCP-Server, Theme-Generierung und ein Figma-Plugin.

    KI & AI· Tool

  • X-Post:LN

    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

  • Repository:ln-dev7/circle

    Circle: Linear-inspirierte Benutzeroberfläche für Projektmanagement

    Circle ist ein Open-Source-Interface für das Projektmanagement, das sich am Design von Linear orientiert. Die Webanwendung basiert auf Next.js, shadcn/ui sowie Tailwind CSS und dient zur Verwaltung von Issues, Projekten und Teams.

    4543SterneTypeScript

    Webentwicklung· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

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

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.