SLARIVO / SEARCH BARS

Search Bars Components

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

• Slarivo Search Bar

  Search bar with sort functionality

• Slarivo SearchBar

  The component combines practical functionality with playful visual effects, making it perfect for applications where you want to add a touch of creativity to the user experience. It's built with React, Framer Motion, and Tailwind CSS, making it highly customizable and easy to integrate.

• Slarivo Action Search Bar

  Action search bar inspired from Raycast

• Slarivo Animated Glowing Search Bar

  Animated Glowing Search Bar Component

• Slarivo Animated Search

  Animated Search Bar with gooey effect

• Slarivo Search Modal

  A powerful command palette with keyboard shortcuts, categorized results, and live search filtering. Perfect for SaaS apps, dashboards, and productivity tools to deliver a fast, intuitive, and modern search experience.

• 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 Action Searchbar

  Action searchbar the name itself is enough Animated smooth transtitional searchbar with framer motion

• Slarivo Animated Search Bar

  Animated Search Bar with gooey effect

• Slarivo Apple Spotlight

  A beautiful search component inspired by macOS Spotlight.

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Command

  Enhanced shadcn/ui command

• Slarivo Input

  Displays a form input field with enhanced features like password visibility toggle, clearable functionality, and Zod validation support.

• Slarivo Header with Search

  This Modern Header with Search & Mobile Menu combines a sleek navigation bar, powerful search modal, and responsive drawer menu. Perfect for SaaS, blogs, and dashboards, it boosts usability, SEO, and user engagement with a polished UI.

• Slarivo Autocomplete

  Custom autocomplete component built with Shadcn ui and Fancy Multi Select by Maximilian Kaske. Feel free to play around with it and customize it to your needs.

• Slarivo Search Field [react-aria-components]

  A search field allows a user to enter and clear a search query. Search fields can be built with <input type="search">, but these can be hard to style consistently cross browser. SearchField helps achieve accessible search fields that can be styled as needed.

• Slarivo Command Palette

  A versatile component inspired by Raycast, enabling global search across pages, content, and actions on your website. Perfect for enhancing navigation, productivity, and accessibility through quick commands and keyboard shortcuts.

• Slarivo useDebounce

  A hook that returns a debounced version of the provided value. The debounced value will only update after the specified delay has passed without any new changes to the original value.

• Slarivo Emoji Picker

  A lightweight, unstyled, and composable emoji picker for React.

• Slarivo Input Group

  Here is Input Group component

• Slarivo Suggestive Search

  Here is Suggestive Search component

• Slarivo Header 05

  Header like apple with menu and search

• Slarivo EmojiPicker

  A customizable emoji picker for React, built with shadcn/ui. Features a searchable, scrollable grid of emojis organized by categories, skin tone support, and device-aware rendering. Supports onSelect, className, and disabled props for seamless integration.

• Slarivo Omni Command Palette

  a fast, accessible, mobile-friendly command/search palette with async multi-sources, fuzzy highlighting, recents, presets, pinned actions, and keyboard shortcuts.

• Slarivo Autocomplete

  Here is Autocomplete component

• Slarivo Autocomplete

  Here is Autocomplete component

• Slarivo Expanding Search Dock

  Minimal search icon that expands into full input with blur

• Slarivo Not Found

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

• Slarivo ComboBox

  A reusable component for combo-box dropdown

• Slarivo Sandbox

  Search Bars component from the 21st.dev community.

• Slarivo Toolbar

  Toolbar with actions

• Slarivo Reorderable Table

  This component is a rearrangeable table built with Shadcn UI, designed for scenarios where users need maximum flexibility in how data is viewed and analyzed. Unlike a static table, it allows users to drag and reorder columns, enabling a fully customizable layout that adapts to different workflows or preferences. Its clean design ensures clarity without unnecessary clutter, and it seamlessly supports both light and dark themes for accessibility. This makes it especially useful for dashboards, analytics panels, or admin tools where different users may prioritize different data fields. The component strikes a balance between functionality and simplicity, ensuring it looks professional while offering a quality user experience.

• Slarivo Voice Picker

  Here is Voice Picker component

• Slarivo spotlight-table

  Search Bars component from the 21st.dev community.

• Slarivo Filter Chips Breadcrumb

  A filter bar component that displays active filters as removable chips with a clear-all option. Ideal for e-commerce, dashboards, and search interfaces, it helps users easily manage and refine their selections.

• Slarivo Promote Header

  This PromoteHeader component is a fully responsive, feature-rich navigation header built with Next.js and React. It includes a sticky top bar with an announcement section, desktop and mobile navigation menus, a search input, theme toggle, and call-to-action buttons. The desktop version supports hoverable resource panels with icons, descriptions, and quick links, while the mobile drawer offers a collapsible menu with similar functionality. The component dynamically highlights active links, preserves theme preferences, and ensures accessibility with focus management and skip-to-content links, making it both user-friendly and visually appealing.

• Slarivo Header 02

  Header with search and sheet and toggle

• Slarivo Tag Cloud Select

  The Searchable Tag Cloud Select is a modern, interactive component designed for apps that need both data-rich visualization and intuitive multi-select functionality. Built entirely with shadcn UI, it displays options as a tag cloud, where each tag’s size reflects its popularity or frequency and its color highlights its category or importance. Users can search through tags quickly and select multiple options, which appear as removable chips for clarity and control. This component is perfect for use cases like filtering blog posts by popular tags, selecting skills on onboarding forms, choosing analytics categories, or browsing keyword trends in dashboards.

• Slarivo Truncating Navbar

  A sleek, animated navbar that slides down and increases its padding on scroll, creating a smooth truncating effect.

• Slarivo Interactive List

  Interactive List An interactive list component designed for search interfaces or recent activity logs. It supports animated removal of list items and filter tags, is fully responsive, and adapts to shadcn themes out-of-the-box.

• Slarivo News Search

  Here is News Search component

• Slarivo 8-bit Command

  Pixel-art command palette from 8bitcn.com — retro pixel border on input + results panel. Wraps cmdk Command (inlined via esbuild).

• Slarivo Command

  Fast, composable, unstyled command menu for React.

• Slarivo Toolbar

  A container for grouping related actions into a single keyboard-navigable bar, built on Base UI's Toolbar primitive. Ships Toolbar, ToolbarButton, ToolbarLink, ToolbarInput, ToolbarGroup and ToolbarSeparator. Each part uses the render prop so it can compose with buttons, toggle groups and inputs while keeping a single roving-tabindex focus model. Demos compose it with the Button, Tooltip and ToggleGroup components (shipped alongside).

• Slarivo Command Palette

  A keyboard-driven command palette with fuzzy search, arrow-key navigation, and an animated overlay for triggering app actions.

• Slarivo Conversation Bar

  Here is Conversation Bar component

• Slarivo Table Controls

  Table Controls Demo (Simulated Selection)

• Slarivo React Aria Emoji Picker

  Here is React Aria Emoji Picker component

• Slarivo Table with Filters

  A data table with a global search input and a status column filter dropdown, built on TanStack Table.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Tubelight Navbar

  A sleek and modern navigation bar component with smooth animations and a dynamic indicator. Perfect for primary navigation in web applications. Features - Animated tab indicator with glowing effect - Responsive design (mobile & desktop views) - Icons for mobile view, text for desktop - Dark/Light theme support - Frosted glass effect for active state - Smooth transitions between tabs - Built with Framer Motion for fluid animations

• Slarivo Sidebar

  Expandable sidebar that expands on hover, mobile responsive and dark mode support

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• 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 Popover

  Displays rich content in a portal, triggered by a button.

• Slarivo Command

  Fast, composable, unstyled command menu for React.

• Slarivo Marquee

  Very useful while showcasing comments or technologies

• Slarivo Sidebar

  Sidebar

• Slarivo Sidebar

  A hover sidebar, inspired by Supabase's sidebar.

• Slarivo Placeholders And Vanish Input

  Sliding in placeholders and vanish effect of input on submit

• Slarivo Interactive Icon Cloud

  An interactive 3D tag cloud component

• Slarivo Interactive Bento Gallery

  Interactive Bento Gallery

• Slarivo AI Input With Search

  A modern chat input component with a web search toggle and file upload functionality. This component features an animated search toggle, file attachment support, and smooth transitions. Features: • Animated search toggle button • File upload support • Auto-resizing textarea • Dark mode compatibility • Keyboard shortcuts • Framer Motion animations for enhanced user experience • Mobile responsiveness

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo Dialog

  a beautifully structured Dialog component built using Radix UI primitives with custom styling and slots for full flexibility. It offers smooth animations, a blurred backdrop, responsive sizing, and optional close buttons—making it ideal for modals, alerts, or form popups in any modern React app.

• Slarivo Not found

  Not found page 05

• Slarivo Async Select

  Async Select component built with React & shadcn/ui

• Slarivo Calendar

  Book a call

• Slarivo Navbar

  This MinimalChatBox component is a lightweight, interactive chat interface built with React, Framer Motion, and Tailwind. It provides a clean toggleable chat box that smoothly animates in and out of view. The design is simple yet functional, featuring an input field for typing messages and quick-access icons for opening, closing, and sending. Its minimal styling makes it easy to embed into any application while maintaining a modern, distraction-free look.

• Slarivo Navigation Bar

  Here is Navigation Bar component

• Slarivo Interactive Map

  An interactive GPS map with multiple visualization styles and custom map markers

• Slarivo Marquee

  Inspired by https://x.com/dollargill

• Slarivo Interactive Logs Table

  Observability logs panel with animated filters, search, and expandable rows

• Slarivo Animated Comman Menu

  Animated Comman Menu

• Slarivo Tag Selector

  A versatile component for selecting and creating multiple tags with search functionality and keyboard navigation support.

• Slarivo File Upload

  This is a client‑side React/Next.js file uploader built on your useFileUpload hook, designed for a polished, accessible UX. It supports drag‑and‑drop or browsing with max size/file limits, and lets users manage uploads in list or grid views with type‑aware icons, thumbnails, inline search/sort, multi‑select, and quick actions (preview, download, copy link, remove). A persistent drop zone, live error messaging, and subtle per‑file size indicators round out the experience—no backend changes required.

• Slarivo Flexi Filter Table

  This Super Mega Filter component is designed to provide a clean yet powerful way to filter large sets of data. Built with shadcn UI, it combines dropdowns, checkboxes, and keyword search in a plain, minimal layout that makes it both practical and reusable. The component is highly configurable—you can easily add, remove, or customize filter categories such as status, category, and date range without touching the core structure. Its lightweight design ensures it blends seamlessly into dashboards, admin panels, or job portals without looking overdone, while still giving users precise control over narrowing down results. By prioritizing usability over fancy styling, this filter is ideal for real-world applications where clarity and efficiency matter most.

• Slarivo Basic Data Table

  A powerful and flexible data table component with sorting, filtering, pagination, and customizable rendering.

• Slarivo Icon Picker

  A Component responsible for making all lucide react icons available for selection and returning the icon name.

• Slarivo Combobox

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

• Slarivo Expandable Search Bar

  This expandable search bar is a sleek, animated UI element designed for modern web applications. It collapses into a compact icon for space efficiency and smoothly expands to reveal a fully functional search input with placeholder animation, auto-focus, and submission handling. Perfect for navigation headers, dashboards, or any interface needing intuitive search functionality. Built with React and Framer Motion for fluid animations, it's customizable for left/right expansion and integrates seamlessly with Tailwind CSS for styling. Enhance user engagement with keyboard support (Enter to search, Escape to close) and responsive behavior.

• Slarivo Messaging people list

  A simple messaging component to display people list

• Slarivo Toolbar Expandable

  A toolbar that adjusts its width based on what you need to do. It starts small and can expand to offer more tools.

• Slarivo Command Menu

  Launch a set of actions as a full-screen overlay.

• Slarivo FAQ Block

  A block for displaying frequently asked questions with search and filter.

• Slarivo QR Code

  QR Code Generator

• Slarivo Help Button

  Here is help button component

• Slarivo Stacked List x

  An animated stacked list with smooth layout transitions.

• Slarivo Real Estate Search Hero

  A centered hero section with a rounded search bar, a masked architecture image that fades into the page, and a split closing statement.

• Slarivo Interactive Command Card

  A self-contained card that opens a searchable command palette for quick actions. It's themeable, accessible, and follows modern UI/UX patterns.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo ReUI Autocomplete

  An accessible autocomplete input from ReUI with filtering, labels, clear and trigger controls, grouped people, asynchronous search results, and compact sizing.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo Command Menu

  A command palette component with keyboard navigation, search, and shortcuts for quick actions and navigation.

• Slarivo ProductTable

  Animated Product Table is a highly interactive, feature-rich table built with React, TanStack Table, and Framer Motion. It supports global search, pagination, and column toggling, while providing smooth animations for all table interactions. When columns are toggled, they expand or collapse with a fluid transition, and rows fade and slide in/out seamlessly. This ensures a polished, modern user experience where data updates and structural changes are visually appealing, making it ideal for dashboards, admin panels, or any application requiring dynamic table displays.

• 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 Autocomplete

  An autocomplete input component with filtering, grouping, trigger/clear buttons, and keyboard navigation. Built on Base UI Autocomplete primitives.

• Slarivo Autocomplete

  An autocomplete input component with filtering, grouping, trigger/clear buttons, and keyboard navigation. Built on Base UI Autocomplete primitives.

• Slarivo Morphing Input

  An input field that morphs between different states with smooth animations.

• Slarivo FAQ Pro

  FAQs component from the 21st.dev community.

• Slarivo Search With Category

  This component is a search bar with a category filter, built entirely using shadcn/ui components. It combines a dropdown select for choosing a category (like Products, Blogs, Users, or Docs), a text input for entering search queries, and a button with a search icon to submit. The design keeps all three elements aligned with equal height, giving it a clean and consistent look. It’s a common UI pattern for dashboards, e-commerce, or content platforms where users need to refine searches by category.

• Slarivo CommandPalette

  A modern, keyboard-first navigation UI that allows users to search and execute various commands through a floating interface. Supports keyboard shortcuts, search functionality, and customizable command groups.

• Slarivo Smart Textbox

  Rich text input with @mentions and AI autocomplete. Inline tag chips, ghost text suggestions. Keyboard-first, fully customizable.

• Slarivo Header 04

  header with command search toggle

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo ComboBox

  A filterable select field that lets people search, choose, and enter values from a popover list.

• Slarivo Sidebar 1

  A searchable component navigation sidebar with grouped, scrollable sections and item counts.

• Slarivo UltraQualityDataTable

  A modern, responsive React data table built with Tailwind CSS featuring client-side search, sortable columns, pagination, zebra stripes, and dark/light theming for ultra-polished UIs.

• Slarivo Input Bar

  Chat composer with auto-resizing textarea, attachment chips for staged images/files, send/stop button, and slot-based left/right toolbar actions for mode pickers, model selectors, etc. Self-contained port from 21st.dev Agent Elements.

• Slarivo Input Bar

  Chat composer with auto-resizing textarea, attachment chips for staged images/files, send/stop button, and slot-based left/right toolbar actions for mode pickers, model selectors, etc. Self-contained port from 21st.dev Agent Elements.

• Slarivo Input Bar

  Chat composer with auto-resizing textarea, attachment chips for staged images/files, send/stop button, and slot-based left/right toolbar actions for mode pickers, model selectors, etc. Self-contained port from 21st.dev Agent Elements.

• Slarivo Field Components

  Here is Field Components

• Slarivo Flight Search

  Flight Search – Effortless trip planning with clear routes, dates, and passenger details. One tap to find the best flights

• Slarivo PDF Viewer

  A scrollable PDF viewer with toolbar, zoom, rotate, search, text selection, thumbnail navigation, upload and download. Powered by EmbedPDF with PDFium-backed page rendering.

• Slarivo CSV / TSV Viewer

  A CSV and TSV viewer with parsing, file upload, search, zoom, and theme-aware grid rendering powered by Glide Data Grid.

• Slarivo Search Interface

  A reusable search interface component

• Slarivo Download 01

  Download plugins and software with logos

• Slarivo Search Tool

  Render grouped search results as a collapsible tool card. State-driven (searching shimmer / done static). Provide a query and an optional results array. Self-contained port from 21st.dev Agent Elements.

• Slarivo Search Tool

  Render grouped search results as a collapsible tool card. State-driven (searching shimmer / done static). Provide a query and an optional results array. Self-contained port from 21st.dev Agent Elements.

• Slarivo Search Tool

  Render grouped search results as a collapsible tool card. State-driven (searching shimmer / done static). Provide a query and an optional results array. Self-contained port from 21st.dev Agent Elements.

• Slarivo Border Beam Search

  Animated border beam effect for React using the line preset — a bottom-only traveling glow that sweeps along the edge. This demo wraps a rounded search bar.

• Slarivo Material UI Autocomplete / Combobox / Multi-select

  A high-fidelity Material Design 3 Autocomplete and Multi-select Combobox built for shadcn/ui. Features a custom physics-based ripple engine, cinematic staggered entrance animations, and a luxurious floating scroll area with smooth fade masks. Built-in advanced multi-select suppor

• Slarivo File System (Finder)

  A macOS Finder-style file browser for flat object-store manifests (S3 / R2). Derives a folder hierarchy from object keys and switches between icon, list, column and gallery views, with Finder-style keyboard navigation. Thumbnails, URLs and signing stay external.

• Slarivo Apple Emoji Picker

  A premium, production-ready, interactive Apple-style Emoji Picker component for React and Tailwind CSS. Supports dark mode, instant search, voice search, and recent emojis.

• Slarivo Not Found 04

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

• Slarivo The Input

  Here is The Input component

• Slarivo BeUI Command Palette

  Buttons component from the 21st.dev community.

• Slarivo AI Chain of Thought

  Collapsible component that visualizes AI reasoning as step-by-step thinking with status indicators, search results, and images.

• Slarivo Ask Nexus Input

  An AI-style ask input with a rotating placeholder and a canvas particle disintegration animation that dissolves the query text on submit.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo HeroUI Search Field

  HeroUI v3 SearchField — search input with clear button: descriptions, required, validation, disabled, controlled, custom icons, full width, variants and form usage.

• Slarivo Scroll media expansion hero

  A modern, interactive media component for Next.js that expands videos or images as users scroll, creating an engaging and immersive experience.

• Slarivo Dialog

  Enhanced shadcn/ui dialog

• Slarivo Interactive Hover Button

  A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

• Slarivo Chatgpt Prompt Input

  This is a complete replica of the chatgpt prompt input some may call it chat input or prompt box or promptbox

• Slarivo Feature 108

  A versatile section with 3 features inside a tabs component

• Slarivo Filters

  A Linear inspired component to add / edit filters

• Slarivo AI Voice Input

  A voice input component with an animated visualizer and recording timer. It includes a demo mode, customizable visualizer, and recording callbacks. Features: • Animated audio visualizer • Recording timer display • Demo/preview mode • Start/stop callbacks • Dark mode support • Customizable visualizer bars • Mobile responsive

• Slarivo AI Input

  A modern, animated textarea input component designed for AI chat interfaces. It features auto-resizing, a voice input toggle, and an animated submit button. Features: • Auto-resizing textarea • Voice input toggle • Animated submit button • Press Enter to submit (Shift+Enter for a new line) • Dark mode support • Customizable height limits • Smooth animations • Mobile responsiveness

• Slarivo Anime Navbar

  The AnimeNavBar is a responsive, animated navigation bar built with React, Framer Motion, and Tailwind CSS. It supports hover effects, active state highlighting, and animations for both desktop and mobile views, creating an engaging and visually appealing user experience.

• Slarivo AI Chat Input

  Animated and interactive AI chat input component.

• Slarivo Claude Style AI Input

  Claude style dynamic chat input that adapts its preview based on content type - showing code snippets for programming files, content previews for documents, and traditional previews for media.

• 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 Limelight Nav

  A sleek and modern navigation bar with a unique "limelight" effect that follows the active tab. This component is designed to be both highly functional and visually appealing, providing a smooth and intuitive user experience. Part of the EaseMize UI library, it's incredibly easy to integrate into your projects and customize to fit your brand's aesthetic. The component is built with TypeScript and is fully typed for a better developer experience

• Slarivo Carousel

  A customizable carousel with microinteractions and slider.

• Slarivo Cases with Infinite Scroll

  Cases with a carousel of images, suitable for clients, partners, or integration.

• Slarivo Integrations Component

  Here is Integrations Components

• Slarivo Galaxy Interactive Hero Section

  A dynamic and visually engaging hero section featuring a Spline 3D background, a responsive navigation bar with blurred effects and dropdowns, a prominent content overlay with parallax scrolling text, buttons, and a follow-up screenshot section with parallax. Fully responsive and includes mobile navigation

• Slarivo Feature Carousel

  Feature Carousel Interactive showcase for highlighting multiple app features in a swipeable, modern layout. Perfect for engaging users while promoting mobile-friendly tools and experiences.

• Slarivo FAQs Component

  Here is FAQs Component

• Slarivo FAQs Component

  Here is FAQs Component

• Slarivo Ruixen Moon Chat

  This RuixenMoonChat component is a visually minimalistic AI chat-style interface designed to sit just below the center of the screen against a full-screen moon-themed background image. The interface is inspired by the first empty-chat look of modern AI tools like ChatGPT, keeping the design lightweight, monochromatic (black, white, and neutral grays), and distraction-free. At the top center, there’s a bold white heading with a short tagline encouraging users to start typing. The main chat input box appears closer to the lower half of the screen and includes an auto-resizing textarea for smooth typing without manual resizing. A row of Quick Action buttons below the input provides ready-to-use prompts such as Generate Code, Launch App, UI Components, and more—ideal for developers exploring new ideas quickly. These buttons are styled as rounded, subtle pills with borders and icons from Lucide to keep the experience consistent and professional. The design avoids scroll bars and dark/light theme toggles, offering a clean black-and-white look that emphasizes the background image and central chat input. Overall, this component works well as a starting point for an AI-powered coding assistant or creative brainstorming tool.

• Slarivo Faq

  Here is Faq component

• Slarivo Table

  A responsive table component.

• Slarivo Features

  Here is Features Component

• Slarivo Features

  Here is Features Component

• Slarivo AI Input

  AI Input popover

• Slarivo Claude-style Chat Input

  A replica of the Claude AI chat interface featuring a polished, auto-resizing text input, file attachment previews, and quick action chips. Includes smooth animations, dark mode support, and a refined "swoosh" underline aesthetic.

• Slarivo Sterling Gate: Kinetic Navigation

  An authoritative full-screen navigation component designed for high-end digital experiences. This menu utilizes a "Reveal" logic—where the interface transitions from a focused view to an immersive, typography-heavy navigation layer. Inspired by the "Silver" Paya and "Jalchar" (Water) elements, the transitions are fluid and heavy-weighted, providing a tactile sense of depth. It features interactive hover states that "ripple" across the menu items, perfect for agencies and luxury brands that prioritize a "Quiet Luxury" aesthetic.

• Slarivo CTA with Marquee

  Here is CTA with Marquee component

• Slarivo Sticky Scroll

  Here is Sticky Scroll component

• Slarivo Navbars

  Here is Navbars component

• Slarivo Navbars

  Here is Navbars component

• Slarivo IntegrationHero

  The IntegrationHero component is a visually engaging section designed to showcase integrations with popular tools. It features two horizontal rows of app icons that continuously scroll in opposite directions, creating a dynamic carousel effect. The component includes a central call-to-action with a headline, description, and a “Get Started” button, encouraging users to explore integrations.

• Slarivo AI Assistant Interface

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

• Slarivo lumina-interactive-list

  A sophisticated, hover-responsive showcase block designed for high-end creative portfolios and luxury brand websites. This component features a minimalist vertical navigation list (01–06) that dynamically updates a featured image preview. It balances "Quiet Luxury" typography with high-impact visuals, creating a "premium" user experience that feels both authoritative and mysterious. It is optimized for developers who want to display "Featured Creations" with an air of exclusivity and artistic depth.

• Slarivo Spotlight

  A dynamic spotlight effect component that follows cursor movement.

• Slarivo AI Input with Suggestions

  A sophisticated text input component with selectable action buttons. It features an auto-resizing textarea, customizable actions, and visual feedback. Features: • Customizable action buttons • Auto-resizing textarea • Visual feedback for selected actions • Dark mode support • Keyboard shortcuts • Animated transitions • Mobile responsiveness

• Slarivo Sidebar

  Animated and responsive sidebar component with multiple categories section and mobile device support

• Slarivo Bolt Style Chat

  A Bolt inspired hero chat interface with a prompt input, model selector, glowing ray background, and modern dark UI for AI product landing pages.

• Slarivo Navigation Bar

  Here is Navigation Bar component

• Slarivo 3D Adaptive Navigation Bar

  A stunning 3D navigation component with ultra-realistic depth, lighting, and material effects. Features: • Premium 3D design with photorealistic shadows and gradients • Smooth hover-to-expand interaction with staggered animations • Click-to-select behavior with automatic collapse • Elegant text transitions with subtle lighting pulses • Fully responsive and optimized for modern web apps • Built with React, TypeScript, and Framer Motion

• Slarivo Interactive Checkout

  Interactive checkout when adding items to shopping cart.

• Slarivo Pricing Section

  Here is Pricing Section component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Prompt Input dynamic grow

  A prompt input that grow on click, with subtle glow, and a onFocus on click ripple effect. shrink when not anymore inFocus

• Slarivo Offer Carousel

  Offer Carousel This component provides a sleek, horizontally scrollable display for showcasing offers or featured items. It includes custom navigation arrows and smooth-scrolling functionality, with cards that animate on hover for an engaging user experience.

• Slarivo LumaBar

  This is a futuristic floating navigation bar designed for modern web and mobile interfaces. It features a glassmorphism pill-shaped container, with a glowing gradient indicator behind the active icon. Icons scale up smoothly when active, and tooltips appear on hover to show their labels. The component is fully responsive, visually striking, and provides a dynamic, interactive navigation experience.

• Slarivo argent-loop-infinite-slider

  A high-performance, seamless infinite slider designed for luxury retail and premium product discovery. This component utilizes a "frictionless" motion logic to create an unending stream of items, reflecting a sense of boundless opportunity and "smart-work" automation. The visual architecture is optimized for high-contrast "Silver" accents—aligning with a premium metal aesthetic—and smooth, heavy-easing transitions that command user attention without being intrusive.

• Slarivo HoverPeek Link Preview

  An interactive link preview component. Displays a preview card on hover, supporting dynamic website screenshots . Features smooth animations (card flip, optional mouse follow) and magnifying lens effect for inspecting the preview content.

• Slarivo Social Icons

  This is a social icons navigation like icons hover with a tooltip.

• Slarivo Marquee

  Infinite scrolling marquee component with customizable speed and direction.

• Slarivo Ai Input

  Here is Ai Input component

• Slarivo Radial Menu

  A circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.

• Slarivo FAQ Section

  The FAQSection component is a fully responsive and configurable FAQ layout built with Shadcn UI and Tailwind CSS. It features a clean two-column grid with collapsible accordions, allowing users to explore answers to common questions without clutter. Each section is data-driven — meaning you can easily customize the titles, descriptions, and FAQ content using props. Designed for modern web apps, this component provides a smooth, consistent experience across devices while preventing layout shifts when expanding or collapsing items. Ideal for product pages, help centers, and support sections.

• Slarivo IA Siri Chat

  Voice Chat IA siri

• Slarivo Ai Assistant

  The AI Message Bar is an interactive chat interface with a modern design featuring a sleek gradient background. It allows users to communicate with an AI assistant through a message input field, displaying both user messages and AI responses in a conversational format. The component includes visual indicators when the AI is "typing," animations for message appearance, and the ability to clear chat history, all within a responsive design that adapts to different screen sizes.

• Slarivo Feature Spotlight

  Feature Spotlight A responsive section component designed to highlight a key product feature. It juxtaposes a detailed text description, including a pre-header, main heading, and call-to-action, with a dynamic visual element. The component includes subtle, continuous animations on floating images to draw user attention and add a modern feel. It is fully theme-adaptive, using shadcn/ui variables for colors and styling.

• Slarivo Vertical Tabs

  Vertical tab navigation with smooth animated transitions.

• Slarivo Floating Chat Widget

  Floating chat widget with AI agent selection dropdown and animations

• Slarivo Inline Dropdown

  Context menu with hold to click and text input hidden Full credits to : https://github.com/haaarshsingh https://ui.harshsingh.xyz/inline-dropdown

• Slarivo Safari

  The Safari_01 component is a sleek, macOS-style browser window mockup designed to showcase images or content within a realistic browser frame. At the top, it features the familiar red, yellow, and green "traffic light" buttons on the left—used for closing, minimizing, and maximizing the window—while a subtle icon on the right adds a modern touch for actions like settings or sharing.

• Slarivo Story scroll

  Scroll Areas component from the 21st.dev community.

• Slarivo Pricing Component

  Pricing Component with sleek design and better handling

• Slarivo Gallery Grid with Lightbox

  Filterable image gallery with animated lightbox and navigation

• Slarivo Spotlight Button

  A modern and minimal bottom navigation bar with smooth spotlight effects on hover. Simple icons and subtle motion give it a polished feel that's perfect for clean UI designs.

• Slarivo Joblisting

  sleek animation job lisiting model type component

• Slarivo Composer Input

  Composer Input A versatile and responsive composer component for rich text input, file attachments, and actions. Styled with shadcn/ui principles, it's ideal for chat applications, comment sections, and content creation forms.

• Slarivo Password Input

  Here is advanced password inputt

• Slarivo Interactive Hover Links

  Interactive hover links with fluid cursor tracking, animated typography, and floating preview images.

• Slarivo Tabs Component

  Here is Tabs component

• Slarivo Interactive Hover Button

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

• Slarivo Hero Section

  Here is Hero Section component

• Slarivo Image Cursor Trail

  A unique interactive component

• Slarivo Social Media

  Interactive social media icon row with a smooth hover effect that highlights the active icon, changes its background color, and reveals a matching label below. Ideal for minimalist portfolios, landing pages, or personal websites to elegantly showcase social links.

• Slarivo book slider

  click to scroll

• Slarivo Ruixen Query Box

  RuixenQueryBox is a modern, interactive chat input component designed for AI-powered interfaces. It features an auto-resizing textarea that expands smoothly as the user types, along with quick access buttons for voice input, sending messages, and uploading files via a popover—similar to GPT-style chat interfaces. The component has a clean white design with a visually appealing gradient background, providing a polished, user-friendly experience for submitting queries and interacting with AI assistants.

• Slarivo Command

  Fast, composable, unstyled command menu for React.

• Slarivo Command

  Fast, composable, unstyled command menu for React.

• Slarivo Workspaces

  a flexible, context-based solution to manage and display multiple workspaces in your app. It uses Radix Popover, supports avatars, search, and customizable rendering—perfect for SaaS dashboards with multi-tenant support.

• Slarivo Combobox

  Here is Combobox component

• Slarivo Combobox

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

• Slarivo Combobox

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

• Slarivo Autocomplete

  A Autocomplete component for finding and filtering content, commands, products, or records, featuring autocomplete, emoji, chat input, chat-input.

• Slarivo Command

  A Command component for finding and filtering content, commands, products, or records, featuring command, command palette, command-palette, search.

• Slarivo Floating Panel

  A Floating Panel component for arranging mixed content in responsive modular layouts, featuring floating, panel, note, search.

• Slarivo Navbar

  A Navbar component for helping users move through pages, sections, and application areas, featuring navbar, dashboard, tabs, search.

• Slarivo Navbar

  A Navbar component for helping users move through pages, sections, and application areas, featuring navbar, search, theme toggle, theme-toggle.

• Slarivo HeroUI Autocomplete

  HeroUI v3 Autocomplete is a searchable select that filters a ListBox of options as you type, supporting single and multiple selection with removable tags, grouped sections, disabled options, descriptions, form validation, controlled state, custom trigger…

• Slarivo Combobox

  A Combobox component for choosing one or more values from a structured option set, featuring combobox, multi select, multi-select, multiselect.

• Slarivo Task Filters

  Filter and search tasks by status, priority, assignees, projects, and tags with a live count of active filters and a clear-all action.

• Slarivo Autocomplete Field

  A form field with an autocomplete search input that filters a list of options as you type and shows an empty state when nothing matches.

• Slarivo Label With Keyboard Shortcut

  An input field with a label that displays a keyboard shortcut hint, ideal for quick-search and command inputs.

• Slarivo Searchable FAQ

  A FAQ section with a search box that filters questions as you type and an animated accordion for answers.

• Slarivo Search Input with Keyboard Shortcut

  A search input that displays a ⌘K / Ctrl+K keyboard shortcut badge in the input's end addon, with a Mac/Windows platform toggle.

• Slarivo Searchable FAQ Accordion

  A FAQ section with a live keyword search that filters an expandable accordion of questions and answers in real time.

• Slarivo Command Menu with Global Search

  A searchable command palette dialog that lets users find chats, images, documents, and projects across an app, with type filters and recent/last-opened sections.

• Slarivo Combobox

  A searchable dropdown select that lets users filter and pick one option from a list, built on a popover and command palette.

• Slarivo Advanced Data Table Filter Builder

  Build responsive data-table filters with AND/OR logic, multi-select values, searchable popovers, live results, and polished light/dark themes.

• Slarivo Search Toolbar Page Header

  A list-view page header with a title, primary action button, and a toolbar of search input, status and sort filters, and a list/grid view toggle.

• Slarivo Button Group Input

  A search-style input paired with an attached search button, grouped together as a single connected control.

• Slarivo Gooey Input

  A search-style input field that expands from a round icon button into a text field using a gooey SVG filter and shared-layout animation.

• Slarivo Kbd Input Group

  A search input field with a leading search icon and trailing keyboard shortcut badges (like ⌘K) to hint a global keyboard shortcut.

• Slarivo Country Combobox

  A searchable country combobox with an outline trigger button, popup search input with icon, empty state, and scrollable list.

• Slarivo Combobox

  A Combobox component for choosing one or more values from a structured option set, featuring combobox, multiselect, dropdown, select.

• Slarivo Combobox

  A Combobox component for choosing one or more values from a structured option set, featuring combobox, select, search, user avatar.