SLARIVO / EMPTY STATES

Empty States Components

Browse 236 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Empty State

  A Tron-inspired empty state placeholder with a dashed border, mono-typography label, optional icon and call-to-action button for when there is no content to show.

• Slarivo Empty State with Marquee

  An empty state block showing a vertically scrolling marquee of skeleton rows with a title, description, and create/import action buttons for when no data exists yet.

• Slarivo Empty Background

  An empty state placeholder with a muted background surface, icon, title, description and refresh action for pages or panels with no content.

• Slarivo Empty State

  Empty state card with shadcn/ui buttons. Inspired by @AndyRyanWeir

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Interactive Empty State

  Beautiful and modular empty state components based of https://21st.dev/serafimcloud/empty-state/default

• Slarivo Offline Empty State

  An empty state that tells the user they're offline with an icon, title, description and a retry button.

• Slarivo Empty State Card

  An empty state placeholder inside a card that prompts users to create or import their first item with icon, title, description, and action buttons.

• Slarivo Empty

  An empty state component that displays messages when no content is available.

• Slarivo EmptyState – Beautiful, Accessible ‘No Data’ States

  “Stop leaving your users in the void. The EmptyState component gives you elegant, accessible, and responsive UI for no-data moments. With built-in icons, customizable CTAs, and dark mode support, it turns empty screens into clear guidance and actionable UX. Perfect for dashboards, search pages, and error states.” ⚡ Why this works: Problem framing: “Stop leaving users in the void” → instantly relatable. Solution promise: “Elegant, accessible, responsive UI for no-data moments.” Feature highlights: Icons, CTA, dark mode, flexible usage. Use cases: Dashboards, search results, error/config screens.

• Slarivo Skeleton

  Use to show a placeholder while content is loading.

• Slarivo Wave Background

  Inspired by antoine

• Slarivo Entropy

  Order and chaos dance —digital poetry in motion.

• Slarivo Not found

  Not found page 05

• Slarivo Clean & Minimal sign in

  Clean and minimal sign in component with form data validation

• Slarivo Empty

  Here is Empty components

• Slarivo Empty

  Here is Empty components

• Slarivo Empty

  Here is Empty components

• Slarivo Empty

  Here is Empty components

• Slarivo Page Not Found

  Page Not Found 404

• Slarivo Dropzone

  Dropzone is a component that allows you to drag-and-drop files into a container to process them.

• Slarivo ghost 404 page

  The source of design inspiration @Saad Shaikh

• Slarivo Not Found Page

  Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.

• Slarivo Interactive Empty State

  Beautiful and modular empty state components based of https://21st.dev/serafimcloud/empty-state/default

• Slarivo Interactive Empty State

  Beautiful and modular empty state components based of https://21st.dev/serafimcloud/empty-state/default

• Slarivo Save Button

  A fun save button interaction.

• Slarivo Stars

  a beautiful interactive dynamics stars background

• Slarivo Button

  Animated button

• Slarivo Not Found Page 2

  Animated 404 page with floating gradient orbs, soft motion effects, and clean centered layout.

• Slarivo Text Particle

  Text Particle

• Slarivo not found 2

  Minimalist 404 page featuring large masked typography and clear navigation actions.

• Slarivo Empty

  An empty state component that displays messages when no content is available.

• Slarivo 404 page not found

  this is for page not found

• Slarivo Neural Noise

  Neural Noise background

• Slarivo ASMR background

  a beautiful asmr mouse hover react bg

• Slarivo Spinner

  Here is Spinner component

• Slarivo Bucket

  An animated file bucket component with drag interactions.

• Slarivo ghost 404 page

  The source of design inspiration @Saad Shaikh

• Slarivo 404 page error

  A clean, production-ready 404 / Not Found page for React/Next/Vite projects. Built with Tailwind CSS and Lucide icons, it ships with a floating animated hero, buttery-smooth micro-interactions on buttons, and a one-click theme toggle (light/dark).

• Slarivo Empty Testimonial

  An animated empty state component for testimonial sections.

• Slarivo Not Found

  A responsive error page component that displays a "page not found" message with navigation buttons and helpful resource links when users hit a non-existent route.

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Empty

  A composable empty-state block for when there's no data to show — no results, no events, an empty folder, cleared filters. Ships Empty plus EmptyHeader, EmptyMedia (with a stacked 'icon' variant), EmptyTitle, EmptyDescription and EmptyContent, so you can drop in an icon or illustration, a title, supporting copy and call-to-action buttons. Dependency-free (just cva + cn).

• Slarivo Error 404 Page

  A responsive 404 error page component featuring a modern gradient background with animated SVG waves, centered error content, and a call-to-action button. The component displays a large "404" heading with a descriptive message and provides navigation back to the home page.

• Slarivo Tag Group

  Here is Tag Group component

• Slarivo State

  Full Mailbox State This component informs the user that they have reached a limit, prompting them with primary and secondary actions. It is animated to draw attention and improve user experience.

• Slarivo ListBox

  Here is ListBox component

• Slarivo Etheral Shadow

  Creates an animated, ethereal shadow effect with customizable noise, color, and animation properties, featuring a centered text overlay with responsive typography.

• Slarivo Sign In

  sign in log in signin login

• Slarivo Beams Background

  Beams Bacground animated with colors

• Slarivo v0 AI Chat

  Design of the v0 AI Chat

• Slarivo Stepper

  Stepper

• Slarivo Sidebar

  Sidebar

• Slarivo Features 10

  features section

• Slarivo Hero

  animated hero

• Slarivo Shine Border

  Shine Border

• Slarivo Footer

  Footer

• Slarivo Features 11

  Bento features section

• Slarivo Features 9

  features section

• Slarivo Animated sign in

  Animated sign in

• Slarivo Dynamic Frame Layout

  Dynamic Frame Layout

• Slarivo Empty

  Here is Empty components

• Slarivo Liquid Text

  Liquid Text

• Slarivo AI Gen

  AI Image Gen

• Slarivo Animated Profile Card

  Animated Profile Card

• Slarivo Loader

  A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.

• Slarivo Fallback Card

  Here is Fallback Card component

• Slarivo Animated State Icons

  12 icons that continuously morph between two meaningful states — loading→checkmark, hamburger→X, play→pause, lock→unlock, copy→copied, bell→notification, heart fill/unfill, download→done, send→fly, toggle switch, eye→hidden, volume→mute. Each cycles on its own timer with spring physics and smooth transitions. Import individually and control the toggle programmatically.

• Slarivo Empty Notifications State

  An inbox-zero empty state for a notifications list, with an icon, title, description, and a call-to-action button.

• Slarivo Combobox

  Filters large lists to selectable options based on the matching query.

• Slarivo Not Found

  A responsive 404 error page that displays when users navigate to a non-existent route.

• Slarivo Chat Suggestions

  A composable set of components for displaying chat prompt suggestions as clickable buttons, ideal for onboarding or empty chat states.

• Slarivo Agent Chat

  Drop-in chat shell composing a scrollable message list with an input composer at the bottom. Supports user/assistant text bubbles, error states, attachment chips, and a centered empty state. Self-contained port from 21st.dev Agent Elements.

• Slarivo Skeleton

  Texts component from the 21st.dev community.

• Slarivo welcome

  A confirmation screen component with confetti animation, typically used after account creation.

• Slarivo Error Page 2

  A responsive full-screen 404 error page with a split layout, logo, message, back-home button, and side image.

• Slarivo 8bit FAQ 3 Searchable

  An 8-bit styled searchable help center. A retro pixel search input filters question/answer pairs live, grouped by category into collapsible retro accordions, with an empty state when nothing matches.

• Slarivo Access Restricted Empty State

  An empty state that tells users they lack permission to view content, with request-access and go-back actions.

• Slarivo Avatar Group Empty State

  A bordered empty-state card with an avatar stack and an invite button, used to prompt inviting team members to an empty workspace.

• Slarivo Invoice Empty State

  An empty state placed inside a data table that prompts users to create or import their first invoice.

• Slarivo Error Page 1

  A responsive 404 error page with an illustration, heading, and call-to-action buttons.

• Slarivo Empty Under Maintenance

  An empty state component showing a scheduled-maintenance message with an illustration and status/refresh actions.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo Loading State Card

  A centered card showing a spinner with a title and helper text for an in-progress loading or setup state.

• Slarivo Error Empty State

  An empty state for a failed data load, with a destructive accent and retry and contact-support actions.

• Slarivo 404 Empty State

  A centered 404 empty state with a large heading, supporting message, and go-back / contact-support action buttons for not-found pages.

• Slarivo Not Found 04

  A centered 404 "page not found" screen with a search input and a back-home link.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo ReUI Empty

  ReUI Empty with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo Shiny Button

  The component preserves all the original functionality including the animated conic gradients, shimmer effects, dot patterns, and hover states.

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Features

  Here is Features Component

• Slarivo Features

  Here is Features Component

• Slarivo Team

  Here is Team component

• Slarivo Team

  Here is Team component

• Slarivo Loader

  A loading component with multiple variants to indicate processing states and provide visual feedback to users during wait times.

• Slarivo Tetris Loader

  A minimalist, high-contrast Tetris-inspired loading animation built with React and TypeScript. This component delivers a clean, pure black-and-white aesthetic with full dark mode support, creating a striking visual loading experience. Key Features: Pure Monochrome Design: Exclusively uses black and white colors - no grays or intermediate shades Dark Mode Native: Seamlessly switches between black-on-white (light) and white-on-black (dark) themes Authentic Tetris Mechanics: All 7 Tetriminos with proper rotation, stacking, and line clearing Configurable Options: Size: Small (8×16), Medium (10×20), or Large (10×20 with bigger blocks) Speed: Slow (150ms), Normal (80ms), or Fast (40ms) drop rates Loading Text: Customizable message or hide completely Smooth Performance: 60fps animations using requestAnimationFrame Auto-Reset: Intelligently clears the grid when pieces stack too high

• Slarivo Animated Counter

  A simple animated counter component.

• Slarivo Live Feed

  Live Feed Component

• Slarivo Button

  Here is magic button component

• Slarivo Content Default

  Here is Content component

• Slarivo Content Default

  Here is Content component

• Slarivo Content Default

  Here is Content component

• Slarivo Sign In

  A simple sign in component

• Slarivo Basic Dropdown

  Here is Basic Dropdown component

• Slarivo Shine Border

  Here is shine border component

• Slarivo Action Button

  A versatile button component with built-in loading state and smooth transitions for handling asynchronous actions.

• Slarivo Security Card

  Here is Security Card component

• Slarivo Bento Monochrome 1

  Here is Bento Monochrome 1 componehnt

• Slarivo Animated Profile Card

  Here is Animated Profile Card component

• Slarivo Dynamic Island

  A reusable Dynamic Island component inspired by Apple's design, featuring smooth state transitions and animations.

• Slarivo Animated Loader

  A reusable component for animated loader

• Slarivo Dock

  Here is Dock component

• Slarivo Animated Menu

  A reusable component for animated menu

• Slarivo Stats

  Here is minimalistic beautiful stats component

• Slarivo Sparkles

  Animated floating particles component.

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Loader

  Here is Loader component

• Slarivo Loader

  Here is Loader component

• Slarivo Book

  A responsive book component.

• Slarivo Spark Effect

  Spark Effect

• Slarivo AI Agent Processing States

  A minimalistic suite of 4 sleek, dark-mode AI processing animations. Built with Tailwind CSS for shadcn/ui ecosystems. Perfect for Generative UI cards, LLM streaming states, and MCP server tool-calling feedback loops. High-performance, clean, and zero-faff.

• Slarivo Dot Particles

  Here is Dot Particles component

• Slarivo Beui Switch

  This is Switch component.

• Slarivo Reshaped Card

  An empty container with basic styling applied, perfect for composing components. Works as an actionable element with href or onClick, supports a selected state for group selection, raised elevation, custom or zero padding for media content, section composition with dividers, bleed and height control.

• Slarivo Animated hero

  Animated hero with text and two shadcn/ui buttons

• Slarivo AI prompt Box

  AI prompt Box, AI chat Input, AI chat box, with search, with think, with thinking, with canvas, with audio recording

• Slarivo Menu Toggle Icon

  Animated menu toggle icon morphing smoothly between hamburger and close states.

• Slarivo Animated AI Chat

  An AI chat interface with glass-morphism design and smart command features. Built with React and Framer Motion for smooth animations and professional interactions.

• Slarivo Interactive Image Accordion

  Interactive Image Accordion

• Slarivo Animated AI Input

  AI input with animated model switching.

• Slarivo AI Chat Input

  Animated and interactive AI chat input component.

• Slarivo AI Input With Loading

  A chat input component with a loading state animation featuring an auto-resizing textarea, loading spinner, and status message. Features: • Loading state animation • Auto-resizing textarea • Customizable loading durations • Dark mode support • Status messages • Keyboard shortcuts • Auto-animation mode • Mobile responsiveness

• Slarivo Interactive Selector

  A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout

• Slarivo Hero

  Animated Marquee Hero A visually engaging hero section featuring a dynamic text reveal and an infinite, animated marquee of images. Perfect for capturing user attention on a landing page.

• Slarivo Myna Hero

  Animated hero and navbar

• Slarivo Animated Testimonials

  A clean animated testimonials section

• Slarivo Project Showcase

  A minimal, list-based portfolio section with a cursor-following image preview. On hover, a smooth floating image appears and tracks your mouse using lerp-based animation.

• Slarivo Interactive Globe

  Interactive 3D rotating globe built with pure canvas — zero dependencies. 1,200 Fibonacci-distributed dots form the sphere, glowing arcs connect city markers with traveling light particles, pulsing rings mark locations with labels. Drag to rotate with pointer capture, auto-rotates when idle. Configurable markers, connections, colors, and speed. The demo mirrors the Spline robot layout — dark card, left copy, right interactive 3D.

• Slarivo Response Stream

  A component for displaying text with streaming animations, perfect for chat interfaces, AI responses, or any text that should appear progressively.

• Slarivo AI Assistant Interface

  An AI chat interface, with input, file uploads, suggestions and an animated logo

• Slarivo infinite grid integration

  A reusable component for grid integration animation.

• Slarivo Flip Card

  A Stylish and Animated Flip Card

• Slarivo Animated Tabs

  Interactive tabs animated using clip path and framer motion

• Slarivo Animated Loading Skeleton

  Animated Loading Skeleton

• Slarivo AI Thinking Block

  A thinking block component that simulates AI processing/thinking time before responding.

• Slarivo Interactive Neural Vortex Background

  This code creates a dynamic, immersive WebGL background featuring a swirling, organic "neuro" effect that reacts to user interaction

• Slarivo HolographicCard

  An interactive holographic UI card component that reacts to cursor movement with subtle 3D tilt, dynamic glow, and iridescent sheen for a futuristic, tactile micro-interaction.

• Slarivo Loader

  A visually engaging loader with a "gooey" liquid-like animation effect, perfect for indicating loading states in a stylish way.

• Slarivo Card Curtain Reveal

  Interactive card component with open curtain to see content on hover

• Slarivo Shiny Button

  this is a really cool shiny button with dotted bg and a hover bg glow with multiple layers

• Slarivo Rolling List

  Animated process list with hover roll text and image preview.

• Slarivo Experience Hero

  Elevate your agency's first impression with a high-performance, GSAP-powered hero section. This "Obsidian Vault" design features spatial logic animations, narrative apertures, and an immersive WebGL-ready layout. Optimized for high-conversion with a single-purpose CTA and fully responsive Tailwind structure. Perfect for design engineers who demand Awwwards-level aesthetics without the manual overhead.

• Slarivo Cube Loader

  A 3D cube loader built with React and CSS, featuring a glowing core, breathing translucent faces, and a smooth infinite spin, paired with minimal “Loading” microcopy for futuristic wait states.

• Slarivo Testimonial

  Animated Testimonial Grid This component displays a visually engaging testimonial section with a dynamic, floating grid of images in the background. It is designed to be highly reusable, allowing you to easily customize the text, images, and call-to-action through props.

• Slarivo Kinetic Dots Loader

  A Simple Kinetic Dots Play Loader Component.

• Slarivo Transition Panel

  Easy way to switch between different pieces of content with enter and exit animations. It's perfect for enhancing user experience in areas such as onboarding card, settings adjustments, or any interactive content that requires a visual transition between states.

• Slarivo Interactive-Gradient-Background

  Interactive Graident Background with pointer movement

• Slarivo Card Status List

  This component displays a dynamic list of status-driven cards with built-in syncing animations, hover-activated actions, and staggered motion transitions using framer-motion. It supports syncing state transitions (updates-found → syncing → completed), animated status indicators, and optional back/add button callbacks. Perfect for onboarding flows, document indexing, status updates, guided setup sequences, or any app section where users must complete a set of progressive tasks.

• Slarivo Interactive Thermodynamic Grid

  Cursors component from the 21st.dev community.

• Slarivo Animated Background

  Reusable animated bg component

• Slarivo Bubble Text

  Bubble Text Hover Animation

• Slarivo Animated Tiles

  Animated Tiles with image prop

• Slarivo Animated 3D Card

  This is animated 3D card

• Slarivo Interactive Hover Button

  A button with expanding dot animation, loading state with spinner, and success checkmark. Multi-state interactive component.

• Slarivo Animated Input

  Animated Input

• Slarivo Card Studio

  Here is Card component

• Slarivo Image Cursor Trail

  A unique interactive component

• Slarivo Loader

  Block Grid Loader – Reflective Animation Minimal loader animation using stacked green squares with a smooth gradient reflection effect. Perfect for modern dashboards, portfolio sites, or data-driven apps to provide a clean and futuristic loading experience.

• Slarivo Animated Card

  AnimatedJobCard This component displays job posting information with a subtle, interactive 3D tilt animation on hover. It's designed to be highly reusable, accepting props for content and color variants.

• Slarivo Interactive Grid

  Interactive Grid with props

• Slarivo Circle unique load

  A beautiful laoding component rotate regular and changes color and loading state text with diffrent symbols.

• Slarivo Executive Impact Carousel

  A performance-optimized carousel designed to showcase high-stakes technical solutions. Features a dual-state interaction model (scroll-hover) that highlights system depth and "Smart Work" logic.

• Slarivo Skeleton

  File Trees component from the 21st.dev community.

• Slarivo loading animation

  This is a visually striking loading animation where letters dynamically fly into place to form words, creating a high-energy, futuristic feel. It's perfect for a loading screen or as an engaging intro element. The entire component is self-contained in a single HTML file and uses CSS and JavaScript to achieve the effect.

• Slarivo Dynamic Island

  Here is Dynamic Island component

• Slarivo Disclosure Intro

  Here is Disclosure Intro Demo component

• Slarivo Interactive Hero Backgrounds

  Minimal dark hero section with 3D physics-based floating spheres and a centered email signup for dynamic user engagement.

• Slarivo Switch

  Toggle switch component built on Radix UI with smooth animation and focus states.

• Slarivo Living Fluid Hero

  A unique, theme-aware hero section featuring an interactive, 3D fluid entity that morphs and flows in response to the user's cursor. It's designed to create a luxurious and memorable introduction.

• Slarivo Interactive Dots

  Interactive Dots with props

• Slarivo Battery Card

  Battery Card A visually polished component to display device battery status, featuring a dynamic, animated liquid-fill effect that reflects the current charge level.

• Slarivo 3D Card

  Here is 3D Card component

• Slarivo Ai chat input

  A modular, single-file React input bar designed for generative AI interfaces and agentic chat workloads, built on the shadcn/ui and Tailwind CSS architecture. Features dynamic spring-physics transitions (cubic-bezier engine) for height scaling, state-morphing typography, an integ

• Slarivo Animated Collection

  A collection of items with smooth layout transitions and animations.

• Slarivo Accordion Space

  Here is Accordion component

• Slarivo Pixel Image

  Here is Pixel Image components

• Slarivo Infinite Ribbon

  Texts component from the 21st.dev community.

• Slarivo Game of Life Loader

  A tiny React canvas component for ambient loading states. Renders a softly fading Conway's Game of Life simulation behind your content — deterministic seeding, reduced-motion support, theme-aware color, and pause-when-hidden. Fully typed props for cell size, density, fade, and step interval.

• Slarivo BeUI Bouncy Accordion

  Accordions component from the 21st.dev community.

• Slarivo you can scroll.

  you can scroll. component

• Slarivo Empty State with Tabs

  An empty state block with tabs for invoices, payments, and subscriptions, each showing an icon, message, and call-to-action buttons.

• Slarivo New Button

  This is button component

• Slarivo 8bit Empty

  An 8-bit styled empty state built from composable retro primitives — header, media, title, description, and content slots. Use it as a placeholder when a list, table, or view has no data yet.

• Slarivo Animated 404 Page

  A stunning dark-themed 404 page featuring an interactive fan and a framer-motion ripple effect.

• Slarivo BeUI Tabs

  Tabs component from the 21st.dev community.

• Slarivo BeUI 404 / Not Found

  Buttons component from the 21st.dev community.

• Slarivo BeUI Dynamic Island

  Notifications component from the 21st.dev community.

• Slarivo Not Found Page

  Animated 404 not found page with a subtly moving icon, customizable copy, and reduced-motion support.

• Slarivo Text Inertia

  Texts component from the 21st.dev community.

• Slarivo Glitchy 404

  Renders a stylized animated “404” using motion-shaken SVG segments and a dynamic fuzzy canvas distortion effect for a glitchy, reactive visual. Perfect for error pages, HUD, sci-fi interfaces, or immersive game UIs needing a high-impact, animated aesthetic.

• Slarivo FlipCard

  An interactive card component that flips on hover with smooth 3D transitions. ## Features - 🔄 Horizontal and vertical flip animations through "flipDirection" prop (set "horizontal" by default) - ⌨️ Keyboard accessible - 🎯 TypeScript support - ♿ ARIA compliant - 🎨 Customizable styles - 🚫 Disabled state support

• Slarivo Interactive Frosted Glass Card

  new version features a mesmerizing field of glowing particles that drift and shimmer behind the card. The particles also react to your cursor's movement, creating a deeper sense of interactivity and a more lively, cosmic atmosphere.

• Slarivo Interactive Particle Typography

  A React component that renders a full-screen interactive particle animation forming the word "21ST.DEV". Particles are attracted to text-shaped targets and respond to mouse or touch movements, creating a dynamic typography effect.

• Slarivo Stacked Activity Cards

  An animated UI component showing stacked activity cards that expand and collapse with a smooth animation. Features elegant scaling and positioning transitions when toggled, with each card displaying an activity, location, and date.

• Slarivo 404 Error Page

  A visually engaging, retro-style television graphic to display error messages like "404 Not Found". The component is customizable, allowing you to change the error code and message via props

• Slarivo Not Found 404 Page

  A centered 404 not-found page with a mono eyebrow, serif display headline, paired call-to-action buttons and a suggested-routes list.

• Slarivo Not Found 02

  A full-page 404 not found section with an oversized "404", a heading, a list of suggested links, and go-home/contact action buttons.

• Slarivo Not Found 06

  A 404 not found page with a centered message and a grid of popular page cards linking to key sections.

• Slarivo Empty State Kit

  Six polished empty states for inboxes, search, carts, missing pages, restricted access, and blank product surfaces, with customizable copy and actions.

• Slarivo Coming Soon Launch Page

  A full-viewport "coming soon" launch page with a live countdown timer, an email notify-me form with an inline success state, and a footer GitHub link.