VLLNT UI
DemarrerDocsPhilosophieDesignComposantsTemplatesThemesRequest
enfr
Get StartedPhilosophyComponentsTemplatesThemesRequest a component
OverviewInstallationCLIThemingRegistryComponentsAgentsContributingChangelogFAQ
AvatarBadgeBannerButtonCheckboxCookie ConsentCopy ButtonEmpty StateGridInputKbdLabelLinkMeterPanelQR CodeRadio GroupSeparatorSkeletonSliderSwitchTextareaToggleToggle GroupToolbarTypography
Button GroupCalendarCategory FilterCheckbox GroupColor PickerComboboxDate FieldDate PickerDate Range PickerFieldFieldsetFile UploadFilter BarFormInline InputInput GroupInput OTPItemList BoxModel SelectorMulti SelectNative SelectNewsletter SignupNumber InputPassword InputPhone InputRange CalendarScope SelectorSearch BarSearch FieldSegmented ControlSelectTag GroupTags InputText FieldTime FieldTime PickerTimeline Scrubber
Alert DialogAnimated TooltipCommandContext MenuDialogDrawerDropdown MenuEdge LabelHover CardPopoverShare DialogSheetToastTooltipZoom HUD
Animated TabsBottom BarBreadcrumbDockFloating NavbarHorizontal Scroll RowJarvis DockLeft RailMenubarNavbar SaaSNavigation MenuPaginationRight DockSidebarSidebar ProviderSidebar ToggleStep NavigationTabsTop BarView SwitcherViewport BookmarksWorkspace SwitcherWorld Breadcrumbs
Activity HeatmapActivity LogAlertArea ChartAvatar GroupBar ChartBottom Activity StripCandlestick ChartComparisonContribution GraphCountdown TimerData ListData TableFlow DiagramGantt ChartGauge ChartHeat OverlayLine ChartLive FeedMarket TreemapMetric ClusterMetric GaugeMini Map PanelOrder BookOverview BoardPie ChartPresence StackPresence Sync IndicatorProgress BarProgress CardRadar ChartRun TimelineSankey ChartSeverity BadgeSparkline GridStat CardStatus BoardStatus IndicatorSticky MetricTableThreshold RingTicker TapeUsage BreakdownWatchlistWorld Clock Bar
Animated BeamChoropleth MapChronological TimelineFloating ToolbarFollow ModeGeography Quiz MapGlass ProgressGlobe 3DHandoff BeaconHeat Map OverlayHistoric TimelineInteractive TimelineMap 2DMap TimelinePrimary Source ViewerRoute MapScroll ProgressSelection HaloSnap GuidesStory MapTree View
AccordionAnimated ListAnimated TestimonialsBento GridBlog CardBlur RevealCalloutCardCarouselCode BlockCode PlaygroundCollapsibleContent IntroCredit BadgeDocument Sibling NavExpandable CardsFAQMDX ContentObject CardObject InspectorPlan BadgePolicy Delivery PanelProperty SectionRelationship InspectorReveal TextRole BadgeRouting Assignment PanelRuntime Overview PanelScramble TextShare SectionShimmer TextSlideshowSpinning TextSubscription CardTerminalText AnimateText RevealText ShimmerTimelineTLDR SectionTypewriterVideo EmbedWallet Card
Agent ActivityAI ArtifactAI SidebarChain of ThoughtChat Dock SectionModel ComparisonPrompt InputPrompt TemplatesReasoning
AI Chat InputAI Message BubbleAI Source CitationAI Streaming TextAI Tool Call DisplayAnnotationChecklistCompletion DialogConversation ThreadCurriculumExerciseFlashcardKey ConceptKeyboard Shortcuts HelpLearning ObjectivesPro TipProfile SectionProgress TrackerQuizRatingSearch DialogStep By StepStepperThinking BlockTourTutorial CardTutorial CompleteTutorial FiltersTutorial Intro ContentTutorial MDX
Civilization CardEra ComparisonHistorical Figure CardKnowledge CheckParallel Timeline
Auto ReloadPricing TableTransaction List
Alert PulseAnchor PortAnimated Grid PatternAnimated TextAspect RatioBorder BeamCanvas ShellCanvas ViewCard FlipComment PinConnector EdgeContext LensCursorDot PatternFloating Action ButtonGlass CardGlass PanelGroup HullInfinite PlaneLang ProviderLiquid GlassLive CursorMagneticMagnetic ButtonMarqueeMeteorsMulti Select LassoNumber TickerObject HandleParticlesPlayback GhostProgressive BlurResizableScroll AreaSelection PresenceShimmer ButtonShine BorderShiny ButtonSparklesSpinnerSpotlight CardState Badge OverlayTable Of ContentsTable Of Contents PanelTheme Preset ProviderTheme ProviderTheme SwitcherTheme ToggleThread BubbleTilt CardTruncated Text

Starter kits

Templates

Curated app blueprints that show how VLLNT UI components work in finished product surfaces, not only isolated component examples.

  • Next Starter template screenshot

    Next Starter

    App Router starter with auth-ready routes, theming, and five example pages wired around VLLNT UI primitives.

    Pages
    5
    Components
    7
    Stack
    Next.js
  • Dashboard template screenshot

    Dashboard

    Dense dashboard kit with sidebar navigation, filters, data tables, chart panels, and status-heavy operational views.

    Pages
    5
    Components
    32
    Stack
    Next.js
  • SaaS template screenshot

    SaaS

    SaaS kit with landing sections, pricing, auth entry points, account billing, and a dashboard shell.

    Pages
    5
    Components
    13
    Stack
    Next.js
  • AI Chat template screenshot

    AI Chat

    AI chat starter with conversation state, artifacts, citations, tool calls, prompt templates, and an assistant sidebar.

    Pages
    5
    Components
    8
    Stack
    Next.js
  • Docs Site template screenshot

    Docs Site

    Documentation site kit for libraries that want VLLNT-style docs, navigation, search, code samples, and component pages.

    Pages
    5
    Components
    12
    Stack
    Next.js

Built something? Add the badge

Drop this into your README or site footer. The link points back to VLLNT UI, so every project that ships it helps others discover the library.

Built with VLLNT UI
<a href="https://ui.vllnt.ai/?ref=badge" target="_blank" rel="noopener"><img src="https://ui.vllnt.ai/api/badge" alt="Built with VLLNT UI" height="28" /></a>

Share these templates

Share on XShare on LinkedInShare on FacebookShare on MastodonShare on BlueskyShare on Threads