8-bit Skeleton

Pixel-art skeleton placeholder from 8bitcn.com — wraps shadcn/ui Skeleton with chunky pixel blocks for loading states.

"use client";
import { Skeleton } from "@/components/ui/8bit-skeleton";
export default function Default() {
  return (
    <div className="flex flex-col w-full min-h-screen items-center justify-center gap-3 bg-background p-8 retro">
      <Skeleton className="h-6 w-72" />
      <Skeleton className="h-6 w-56" />
      <Skeleton className="h-6 w-64" />
    </div>
  );
}

Dependencies

tailwindcss tw-animate-css

Source

8bitcn.com

Published

5/28/2026

Similar components

Explore more

Part of 8bitcn — browse the full library on 21st.dev.

shadcn/ui components1043 Skeleton components80 Placeholder components71 Retro components224 Pixel Art components150

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

8-bit Skeleton

Dependencies

Tags

Source

Published

Similar components

Explore more