NOCTA UI

Skeleton

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

Installation

Install the Skeleton component using the nocta-ui CLI:

npx @nocta-ui/cli add skeleton

Import the component:

import { Skeleton } from '@/components/ui/skeleton';

Prop

Type

Progress

A progress indicator component with multiple variants, sizes, and animation support

Spinner

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