NOCTA UI

Spinner

Loading spinner component with variants, sizes and smooth animations for indicating loading states

Installation

Install the Spinner component using the nocta-ui CLI:

npx @nocta-ui/cli add spinner

Import the component:

import { Spinner } from '@/components/ui/spinner';

Prop

Type

Skeleton

Loading skeleton component with variants, shapes, and animations for creating content placeholders during loading states

Toast

Sonner-inspired toast notification system with CSS Transitions, smart stacking, and accessibility features