VLLNT UI · Famille de composants

Composants Content

Content components lay out and animate information — bento grids, cards, testimonials, timelines, expandable panels, and text effects. Use them to build landing pages, docs, and editorial surfaces that stay on the design system.

Cards & Layout

React card and layout components — accordions, bento grids, carousels, and expandable cards for organizing page content.

Accordion

Sections de contenu repliables prenant en charge un ou plusieurs elements ouverts. Installez Accordion depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Animated List

Liste dont les elements s'animent sequentiellement avec une entree echelonnee. Installez Animated List depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Animated Testimonials

Carrousel de temoignages avec des transitions animees entre les citations. Installez Animated Testimonials depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Bento Grid

Disposition de grille de style bento reactive avec des cartes de fonctionnalites. Installez Bento Grid depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Blog Card

Disposition de carte pour afficher les apercus d'articles de blog. Installez Blog Card depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Card

Conteneur avec des sections en-tete, contenu et pied de page. Installez Card depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif · Experimental
1 story

Carousel

Carrousel de contenu defilable avec des controles de navigation. Installez Carousel depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Collapsible

Section de contenu extensible et repliable. Installez Collapsible depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Expandable Cards

Cartes qui se deploient au clic pour reveler du contenu supplementaire. Installez Expandable Cards depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

FAQ

Section de questions frequentes avec reponses extensibles. Installez FAQ depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Slideshow

Diaporama pas a pas pour presenter le contenu de maniere sequentielle. Installez Slideshow depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Text Effects

Animated text effect components for React — blur, shimmer, scramble, typewriter, and scroll-reveal typography.

Blur Reveal

Revele le contenu avec une transition de flou vers nettete lorsqu'il apparait au defilement. Installez Blur Reveal depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Reveal Text

Revele le texte avec un glissement directionnel et un fondu lorsqu'il entre dans la zone d'affichage. Installez Reveal Text depuis le registre VLLNT UI avec la CLI shadcn.

Web
3 stories

Scramble Text

Brouille les caracteres puis les resout en texte final. Installez Scramble Text depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Shimmer Text

Texte avec une bande de lumiere vive qui le balaie. Installez Shimmer Text depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Spinning Text

Texte dispose en cercle qui tourne en continu. Installez Spinning Text depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Text Animate

Anime l'apparition du texte mot par mot ou caractere par caractere avec des effets configurables. Installez Text Animate depuis le registre VLLNT UI avec la CLI shadcn.

Web
4 stories

Text Reveal

Attenue et eclaircit les mots a mesure que le texte defile dans la fenetre d'affichage. Installez Text Reveal depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Text Shimmer

Texte avec un remplissage en degrade anime qui scintille. Installez Text Shimmer depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Typewriter

Affiche le texte caractere par caractere avec un curseur clignotant. Installez Typewriter depuis le registre VLLNT UI avec la CLI shadcn.

Web
3 stories

Article & Media Blocks

Content blocks for articles and docs — code blocks, callouts, video embeds, timelines, and MDX rendering.

Callout

Bloc de contenu mis en evidence avec des styles de variantes pour info, avertissement, danger et plus encore. Installez Callout depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Code Block

Affichage de code avec coloration syntaxique et prise en charge de la copie. Installez Code Block depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Code Playground

Editeur de code interactif avec apercu en direct. Installez Code Playground depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Content Intro

Section d'introduction pour les pages de contenu avec titre et description. Installez Content Intro depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Document Sibling Nav

Navigateur plus recent/plus ancien : liens vers l'element precedent et suivant dans une serie ordonnee. Installez Document Sibling Nav depuis le registre VLLNT UI avec la CLI shadcn.

Web
6 stories

MDX Content

Affiche du contenu MDX avec correspondance de composants. Installez MDX Content depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Share Section

Section de boutons de partage social et de copie du lien. Installez Share Section depuis le registre VLLNT UI avec la CLI shadcn.

Web
2 stories

Terminal

Affichage de style terminal pour la sortie des commandes. Installez Terminal depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Timeline

Chronologie verticale ou horizontale d'evenements sequentiels avec statuts termine/actif/a venir et lignes de connexion. Installez Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web
4 stories

TLDR Section

Section de resume pour un apercu rapide du contenu. Installez TLDR Section depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Video Embed

Integration video responsive pour YouTube et d'autres fournisseurs. Installez Video Embed depuis le registre VLLNT UI avec la CLI shadcn.

Web
1 story

Canvas Inspectors

Right-dock inspector panels for canvas objects — property grids, relationships, routing, and runtime overviews.

Account & Billing Badges

Account and billing status components — plan, role, and credit badges plus subscription and wallet cards.

Questions frequentes

What's in the content family?
Layout and presentation components — bento grids, cards, testimonials, marquees, expandable panels, timelines, and text-reveal effects — for marketing and editorial surfaces.