EnterUI
DocsComponentsThemesExamplesDonation
Get Started
  • Component onboardingStart with the recommended component setup and onboarding flow.

Default usage

  1. EnterUI
  2. /Docs
  3. /Foundations
  4. /Component onboarding
Updated 5 October 2026

Components onboarding

Start here to pick the right component, understand usage patterns, and jump directly into your first EnterUI integration.

Component onboarding

EnterUI ships production-ready building blocks for SaaS, admin dashboards, and enterprise tools. Start with one workflow: choose a feature path → open a component → follow its usage example.

Start hereOnboarding flowGet started in 5 minutes, then jump to the components you need.

#Quick start

Follow these steps to set up EnterUI in a new project.

  1. Import the theme CSS and EnterUI package into your application.

  2. Set up the application layout (AppShell, Header, Sidebar) for consistent navigation.

  3. Choose the appropriate form components (Field, FormField, ValidationSummary).

  4. Add visual feedback: Toast, Banner, EmptyState, Skeleton, Spinner.

  5. Build your data workflows with SavedViews, DataGrid, SortMenu, DensityToggle, FilterBuilder.

#Recommended onboarding paths

Installation

Install the packages, import the CSS, and verify your basic setup.

Read more

Build your app layout

Explore AppShell, Header, Sidebar, TopBar, and application shell patterns for SaaS.

Read more

Build forms quickly

Use Field, FormField, ValidationSummary, and form controls to handle real-world input.

Read more

Data and table actions

Explore Table, DataGrid, SavedViews, SortMenu, and bulk action workflows.

Read more

Workflow & feedback

Use Announcer, LiveRegion, Toast, Banner, EmptyState, and Progress to keep users informed.

Read more

Explore complete examples

Templates and implementation examples for landing pages, dashboards, travel, and crypto.

Read more

#Essential components for new projects

Core UI

Button, Card, Badge, Alert, Text, List, StatusIndicator.

Read more

Input

Input, Select, Combobox, TagsInput, DatePicker, TimeInput.

Read more

Table & list

DataTable, Table, FilterBuilder, Pagination, BulkEditPanel.

Read more

Admin & product shell

WorkspaceSwitcher, AppSwitcher, Header, Sidebar, Breadcrumb.

Read more

Security & settings

PermissionMatrix, RolePicker, FeatureFlagToggle, API key utilities.

Read more

Monitoring & log

LogViewer, AuditLog, ErrorState, ActivityTimeline.

Read more

#Recommended next steps

  • For a dashboard: start with AppShell, then DataTable and NotificationCenter.
  • For a SaaS product: start with SavedViews, BulkEditPanel, and ColumnVisibilityMenu.
  • For an admin workflow: start with DataGrid, FilterBuilder, and ReleaseStepper.
PreviousNew components
NextText
On this page
  • Quick start
  • Recommended onboarding paths
  • Essential components for new projects
  • Recommended next steps