Docs Components Blocks

AI Chatbot

AI Branch AI Conversation AI Input AI Message AI Reasoning AI Response AI Sources AI Suggestion AI Tool

Collaboration

Avatar Stack Cursor

Project Management

Calendar Gantt Kanban List Table

Code

Code Block Snippet

Forms

Choicebox Combobox Dropzone Mini Calendar Tags

Images

Image Crop Image Zoom

Other

Announcement Banner Color Picker Comparison Dialog Stack Editor Glimpse kbd Marquee Pill QR Code Rating Relative Time Sandbox Spinner Status Theme Switcher Video Player

Docs Components Blocks

Avatar Stack

Avatar Stack is a component that allows you to stack and overlap avatars.

HB

CN

LR

SC

Installation

npx nopends-ui@latest add avatar-stack

Features

Stack and overlap avatars
Customize the appearance with className

Examples

With hover animation

HB

CN

LR

SC

AI Tool

A collapsible component for displaying tool invocation details in AI chatbot interfaces.

Cursor

A cursor component, great for realtime interactive applications.

On this page

With hover animation