Base components | UI Showcase
WRNexus UI
Component category

Base

26 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.

26 componentsMultiple use cases83 live configurations

Base

Accordion

Theme-aware, responsive accordion component.

17 props · 0 slotsExplore component
A polished default avatar for a modern application.
Base

Avatar

Theme-aware, responsive avatar component.

18 props · 0 slotsExplore component
Base

Avatar Group

Theme-aware, responsive avatar group component.

12 props · 0 slotsExplore component

I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.

Blockquote example
Base

Blockquote

Theme-aware, responsive blockquote component.

13 props · 1 slotsExplore component
Base

Button

Theme-aware, responsive button component.

25 props · 1 slotsExplore component
Base

Button Group

Theme-aware, responsive button group component.

13 props · 1 slotsExplore component

Primary workflow

A clean default configuration for everyday product interfaces.

View details

Supporting example

A clean default configuration for everyday product interfaces.

View details
Base

Card

Group related content in a responsive themed surface with title, description, content, and supporting slots.

31 props · 1 slotsExplore component

Carousel example

A polished default carousel for a modern application.

Primary workflow

A clean default configuration for everyday product interfaces.

View details
1 / 2
Base

Carousel

Theme-aware, responsive carousel component.

22 props · 1 slotsExplore component

Chat Bubble example

A polished default chat bubble for a modern application.

Base

Chat Bubble

Theme-aware, responsive chat bubble component.

11 props · 1 slotsExplore component
Base

Date Picker

Theme-aware, responsive date picker component.

25 props · 0 slotsExplore component
Device Frame example

A polished default device frame for a modern application.

Base

Device Frame

Theme-aware, responsive device frame component.

14 props · 1 slotsExplore component
File Upload Progress36%
Uploading securely…
Base

File Upload Progress

Theme-aware, responsive file upload progress component.

13 props · 0 slotsExplore component
Legend Indicator example

A polished default legend indicator for a modern application.

Primary workflowAdditional option
Base

Legend Indicator

Theme-aware, responsive legend indicator component.

7 props · 1 slotsExplore component
List Group example

A polished default list group for a modern application.

Primary workflowAdditional option
Base

List Group

Theme-aware, responsive list group component.

7 props · 1 slotsExplore component
Progress36%
Base

Progress

Theme-aware, responsive progress component.

7 props · 0 slotsExplore component
Rating example

A polished default rating for a modern application.

Primary workflowAdditional option
Base

Rating

Theme-aware, responsive rating component.

7 props · 1 slotsExplore component
Styled Icon example

A polished default styled icon for a modern application.

Primary workflowAdditional option
Base

Styled Icon

Theme-aware, responsive styled icon component.

7 props · 1 slotsExplore component

Request progress

Latest updates for this service request.

  1. Request submitted

    Received successfully

  2. Verification

    Documents are being reviewed

  3. Decision

    Pending verification

Base

Timeline

Present responsive chronological activity, milestones, or workflow status with rich item metadata.

7 props · 1 slotsExplore component
Tree View example

A polished default tree view for a modern application.

Base

Tree View

Theme-aware, responsive tree view component.

10 props · 1 slotsExplore component