Blog Components für Übersicht und Artikel
Artikellisten, Artikel-Header und Artikeltext.
3 Components · 16 Variants
Kategorie wechseln
Marketing
- Hero17
- Features15
- Logo Clouds8
- Stats8
- Pricing11
- Testimonials11
- Call to Action11
- FAQ7
- Newsletter12
- Banners9
- Popups und Consent7
- Services7
- Use Cases6
- Security und Trust7
- Changelog und Roadmap6
- Launch und Waitlist6
- Product Tour6
- Press und Awards10
- AI Features6
- App Download5
- Spenden und Unterstützen4
- Problem und Lösung5
- Einwände5
- Rechner10
- Quiz und Produktberater5
- Kostenlos testen5
- Empfehlung und Partner10
- Community5
- Open Source5
- Manifest5
- Angebot5
- Lead-Magnet4
- Scroll-Geschichten20
- Scroll-Reisen13
- Scroll-Effekte13
- Scroll-Reveals und Übergänge15
Content
- Blog16
- Gallery7
- Team8
- About11
- Content8
- Process7
- Contact8
- Comparison5
- Integrations5
- Error Pages5
- Careers7
- Case Studies6
- Portfolio6
- Events und Webinars6
- Help Center6
- Rechtstexte5
- Dokumentation4
- Suchergebnisse5
- Ressourcen und Downloads4
- Podcast4
- Redaktion15
- Autoren und Interviews10
- Glossar5
- Rezepte5
- Datengeschichten10
- Long Reads5
- Umfragen und Feedback14
- Formularzustände12
- Anfrageformulare16
- Bewerbungen und Anmeldungen13
- Adresse, Zahlung und Einwilligung12
App
- Auth9
- Dashboards6
- Tables6
- Settings5
- AI und Chat16
- Calendar5
- Inbox und Messages5
- Notifications6
- Files6
- Projects6
- Profiles6
- Onboarding6
- Billing und Usage10
- Developer Settings15
- Security und Zugriff10
- Import, Export und Verlauf15
- Automation und Builder14
- KI-Antworten18
- KI-Schreiben und Erstellen13
- KI-Einrichtung14
- KI-Assistenten9
E-Commerce
Industries
- Menus7
- Appointments6
- Listings6
- Courses6
- Rooms und Stays5
- Classes und Schedules6
- Arztpraxis5
- Kanzlei5
- Salon und Spa5
- Autohaus5
- Reisen5
- Sportverein5
- Coworking5
- Museum5
- Kino5
- Schule5
- Handwerk5
- Versicherung5
- Bank5
- Personal Brand15
- Speaker und Media Kits10
- Creator15
- Coaching und Beratung10
- Kunst und Musik15
- Zahnarztpraxis5
- Tierarztpraxis5
- Therapiepraxis5
- Hochzeiten und Events5
- Architekturbüro5
- Steuerberatung5
- Immobilienmakler5
- Blumenladen5
- Weingut5
- Kita5
- Fahrschule5
- Pflege5
- Festival5
Elements
- Buttons20
- Forms und Inputs22
- Picker und Auswahlfelder21
- Spezielle Eingabefelder20
- Cards10
- Overlays21
- Navigation15
- Menüleisten und Umschalter14
- Data Display15
- Fortschritt und Zustände13
- Listen, Bäume und Timelines17
- Charts22
- Vergleichs-Charts22
- Statistik-Charts20
- KPI-, Live- und Karten-Charts22
- Text Effects15
- Textakzente16
- Backgrounds19
- Beams, Partikel und Bewegung18
- Media19
- Code und JSON8
- Panels und Splitter4
Von der Übersicht bis zum Kommentar
Ein Blog braucht drei Teile, die zusammenspielen, eine Übersicht, die zum Lesen einlädt, einen Artikel, der sich gut liest, und alles drumherum. Die Component Blog deckt Übersicht und Artikel ab, „Kommentare“ und „Teilen“ das, was nach dem letzten Absatz passiert.
Das Raster und „Aufmacher und Liste“ sind die übliche Übersicht, das Magazin passt zu einer Publikation mit vielen Rubriken, die Liste mit Datum zu Changelog oder Newsseite. Artikelkopf und Artikeltext setzen den Beitrag selbst, mit Inhaltsverzeichnis für lange Texte und ruhigen Zeilenlängen. „Verwandte Beiträge“ und die Autorenkarte halten Leser auf der Seite, „Kommentare“ zeigt Threads mit Antworten, „Teilen“ bietet Link, E-Mail, das Teilen-Menü des Geräts und einen QR-Code.
Halte Zeilen bei 60 bis 75 Zeichen, der Artikeltext macht das schon. Gib jedem Beitrag einen echten Teaser, er wird zur Beschreibung im Suchergebnis. Die Überschriften im Artikel sollten eine Gliederung ergeben, daraus entsteht das Inhaltsverzeichnis.
Auf dieser Seite
Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.
blog
Blog
Beitragslisten vom Raster bis zum Magazin, der Artikel selbst mit Inhaltsverzeichnis, verwandte Beiträge und die Autorin.
comments
Kommentare
Threads mit Antworten, ein Layout mit dem Formular zuerst, Fragen mit Antworten und eine kompakte Übersicht. Neue Kommentare erscheinen an Ort und Stelle.
Ähnliche Components, Wird oft kombiniert mit
Ähnliche Components
Mehr aus Content, demselben Bereich des Kits.
Wird oft kombiniert mit
Sections, die auf einer Seite meist neben Blog stehen.
components/ui/blog.tsx
Quellcode lädt
components/ui/comments.tsx
Quellcode lädt
components/ui/share.tsx
Quellcode lädt