SLARIVO / LINKS

Links Components

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

• Slarivo Link Preview

  Dynamic link previews for your anchor tags

• Slarivo Css Link

  Here is Css Link

• Slarivo Linktypes

  here is fully customizable link types of data

• Slarivo Link Shortner

  A sleek link shortner component with transform animations

• Slarivo Reveal links

  a reveal links interactive component

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Magnetic

  A magnetic effect for elements that allows them to be attracted to the mouse cursor.

• Slarivo Link [react-aria-components]

  A link allows a user to navigate to another page or resource within a web page or application. Links can be created in HTML with the <a> element with an href attribute. However, if the link does not have an href, and is handled client side with JavaScript instead, it will not be exposed to assistive technology properly. Link helps achieve accessible links with either native HTML elements or custom element types.

• Slarivo Clip Path Links

  The LinkBox component displays either an icon or image inside a styled grid item. On hover, it animates a dark overlay from the nearest edge using clip-path with Framer Motion. It's used for linking to external platforms and opens the target URL in a new tab

• Slarivo Link Element

  A Plate editor element that renders inline hyperlinks with primary-colored underline styling and hover states.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Banner

  Banner alert inspired by shadcn/ui format

• Slarivo Banner

  Banner alert inspired by shadcn/ui format

• Slarivo Button

  Displays a button component with various styles and states.

• Slarivo Pagination

  Pagination with page navigation, next and previous links.

• Slarivo Error

  Good error design is clear, useful, and friendly. Designing concise and accurate error messages unblocks users and builds trust by meeting people where they are.

• Slarivo Toast

  A succinct message that is displayed temporarily.

• Slarivo Quick Links Card

  Quick Links Card

• Slarivo Project Card

  A visually appealing card component designed to showcase projects. It features a hover-to-zoom image effect, a clear content section, and a call-to-action link, all while adapting to both light and dark themes using shadcn's CSS variables.

• Slarivo Alert

  Displays a callout for user attention.

• Slarivo Gradient Bar hero section

  Preplex Hero Section This is a hero section made for a waitlist page. The background uses vertical red and black bars that fade upward. The text in the middle says redefining what's possible and below that it says one experience at a time in italics. Under that there is a line that tells people to be the first to know when the product launches and to join the waitlist for early access. At the top right there is a join the waitlist button. In the center above the heading there is a small section with profile images and a number that shows how many people are already on the waitlist. In this case it says 2 point 4 K currently on the waitlist. Below the main heading there is a rounded input field that says enter your email. Next to that there is a button that says join the waitlist. Both of these are centered and placed near the bottom of the hero section. At the very bottom there are small icons for social links like Instagram LinkedIn and GitHub. At the top left the brand name There is a basic menu with links for features vision press and contact. The layout is centered. The text is clear and uses large font sizes.

• Slarivo Flip Links

  Get your site some awwwards level link hover animation with pure css, no framer motion.

• Slarivo Animated Dock

  A dock with animated icons that grow on hover.

• Slarivo Footer

  A versatile and responsive footer component designed for business websites. It includes branding information, useful links, social media links, and a newsletter subscription form with an engaging animation on subscription.

• Slarivo Fey.com Button

  Fey.com trial button

• Slarivo Social Icons

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

• Slarivo Service Card

  Service Card A visually engaging card component designed to showcase services or features. It includes a title, a call-to-action link, and a decorative image. The card features a subtle, fluid animation on hover to draw user attention.

• Slarivo Hover Preview

  Hover Preview Component that displays image previews above text links when hovering.

• Slarivo Underline Animation

  A component that animates a text underline. These underline animations work differently from typical CSS underline animations. Instead of animating the CSS text-decoration-line: underline property, they create a separate div element positioned absolutely below the text. This div acts as the underline and its dimensions are calculated relative to the font size: - The height is controlled by underlineHeightRatio (defaults to 10% of font size) - The padding below text is controlled by underlinePaddingRatio (defaults to 1% of font size) The three variants work as follows: - Center: The underline grows outward from the center point - Comes In Goes Out: The underline enters from one side, then exits from the other side - Goes Out Comes In: The underline exits from one side, then re-enters from the opposite side

• Slarivo Card

  LinkCard This component is designed to be a reusable, animated link card. It accepts props for the href, title, description, and imageUrl to allow for easy customization and reuse across your application. The animation is handled by framer-motion for a smooth user experience.

• Slarivo Base Button

  Renders a clickable button or an element styled as a button

• Slarivo Cards Grid

  Resource Cards Grid A responsive grid of cards, perfect for displaying links to key resource sections like documentation, contracts, or policies. Each card features an icon, title, update timestamp, and a clear call-to-action arrow. The grid uses framer-motion for smooth, staggered loading animations and hover effects.

• Slarivo Hover Card

  For sighted users to preview content available behind a link.

• Slarivo Hover Card

  For sighted users to preview content available behind a link.

• Slarivo Hover Card

  For sighted users to preview content available behind a link.

• Slarivo Social Links

  Here is animated social links component

• Slarivo Social Share Button

  An expandable share button that reveals social media icons (Twitter, Instagram, LinkedIn) and copy link with smooth spring animations.

• Slarivo Tag Group

  Here is Tag Group component

• Slarivo Menu

  A dropdown menu component with support for icons, keyboard shortcuts, checkboxes, switches, radio groups, links, group labels, nested submenus, and dialog triggers. Also exported as DropdownMenu for compatibility.

• Slarivo Interfaces Button

  A versatile button component from Interfaces DS with six visual variants and six size combinations per variant.

• Slarivo Project Banner

  Used for temporary, project-wide notifications that require resolution

• Slarivo Separator

  Visually or semantically separates content into groups.

• Slarivo Like Button

  Here is Like Button component

• Slarivo Sources

  Here is Sources component

• Slarivo Hover Card

  Here is Hover Card component

• Slarivo NotificationsAlt

  This Notifications component is designed to provide users with a richer, more informative experience. Unlike a standard notification list, it allows embedding interactive elements such as links and info icons within individual notifications. The info icons are paired with tooltips (powered by shadcn UI) that appear on hover, offering additional context without cluttering the message itself. The component uses a popover aligned to the center of the bell icon, ensuring a clean, intuitive placement.

• Slarivo Collapsible

  An interactive component that expands/collapses a panel.

• Slarivo One Button

  Links component from the 21st.dev community.

• Slarivo New Hover Card

  This is hover card component.

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Button

  Enhanced shadcn/ui button

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Input

  Upgaraded shadcn/ui Input

• Slarivo Rainbow Button

  An animated button with a rainbow effect.

• Slarivo Navigation menu

  A collection of links for navigating websites.

• Slarivo Lamp

  A lamp effect as seen on linear, great for section headers.

• Slarivo Shimmer Button

  A button with a shimmering light which travels around the perimeter.

• Slarivo Footer

  Footer

• Slarivo Footer Section

  An animated footer section for saas website

• Slarivo Flickering Footer

  Flickering Footer Component

• Slarivo Animated Beam

  An animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.

• Slarivo Footer 7

  A modern footer with menu links, logo, social, copyright and legal

• Slarivo Glare Card

  A glare effect that happens on hover, as seen on Linear's website

• Slarivo Alert

  Alert in shadcn/ui format

• 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 Minimal Footer

  A clean and responsive footer with company links, resources, and social media icons. Ideal for SaaS, startups, blogs, and business websites looking for a modern UI touch.

• Slarivo Hero Badge

  A versatile, animated badge component for highlighting new features, announcements, or important links. Features: • Smooth entrance animations • Icon rotation on hover • Multiple size variants • Multiple style variants • Link and button functionality • Customizable icons • Responsive design • Accessibility features Notes: • Built with Framer Motion for smooth animations • Uses React Server Components (RSC) with the "use client" directive • Employs a responsive design with a mobile-first approach • Includes interactive hover animations • Supports TypeScript with proper types • Allows for custom styling and theming • Optimized performance through proper usage of hooks

• Slarivo Hero Pill

  A stunning and interactive announcement banner featuring smooth animations and customizable content. Features: • Fluid entrance animations • Customizable content and styling options • Mobile-responsive design for optimal viewing on all devices • Support for icons and links • Accessible design with ARIA attributes • TypeScript support for enhanced development experience • Server-Side Rendering (SSR) compatibility Notes: • Powered by Framer Motion for seamless animations • Fully typed using TypeScript for improved code quality and maintainability • Implemented as a Server Component with client-side hydration for optimal performance • Designed with a mobile-first approach to ensure responsiveness across devices • Customizable through props for easy integration and reusability • Optimized bundle size for efficient loading and performance • Reusable across various contexts and projects

• Slarivo Large Name Footer

  Footer section with large logo

• Slarivo Animated Slideshow

  - Animated hover slider

• Slarivo Footer column

  Here is Footer component

• Slarivo Footer 2

  A footer with a logo, tagline and multiple menus

• Slarivo Landing Page

  Landing Page

• Slarivo Footer

  Here is Footer component

• Slarivo 3D Animated Pin

  A gradient pin that animates on hover, perfect for product links.

• Slarivo Banner

  Banner alert inspired by shadcn/ui format

• 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 Liquid Metal Button

  A button with liquid metal animation, metallic glowing borders, and fluid hover effects.

• Slarivo Profile Card Testimonial Carousel

  A responsive testimonial carousel component featuring profile cards with avatars, descriptions, and social links. Built with smooth fade animations, bottom navigation controls, and supports both light and dark themes for seamless integration.

• Slarivo Animated Footer

  A sleek, animated footer component inspired by Cluely.com. It replicates the smooth interactions and modern layout of the original design perfect for landing pages, portfolios, or any site that values high-end visual polish. Built with responsive design in mind and ready to drop into your Next.js + Tailwind projects. ✅ Smooth animation ✅ Fully responsive ✅ Dark mode ready ✅ Pixel-perfect Cluely look

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

  Fotter with links

• Slarivo Social Links

  Link with image appearing on hover. Inspired by @alexanderolssen and @ln_dev7

• Slarivo Footer 2

  a modern website footer featuring multi-column navigation, social media icons, and App Store & Google Play buttons. Perfect for SaaS, eCommerce, or blogs, it adds credibility, easy navigation, and mobile app links in one elegant layout.

• 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 Team Showcase

  A magazine-style team section featuring a three-column staggered photo grid paired with an interactive member list. Photos default to grayscale; hovering a photo or a name entry simultaneously reveals the portrait in full color and highlights the corresponding name row. Includes social link icons (X, LinkedIn) that animate in on row hover.

• Slarivo Accordion

  Accordions to your documentation Based on Radix UI Accordion, useful for FAQ sections. Linking to Accordion You can specify an id for accordion. The accordion will automatically open when the user is navigating to the page with the specified id in hash parameter.

• 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 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 Navigation Menu

  A collection of links for navigating websites.

• Slarivo Footer

  The footer of Chillbion’s website serves as a comprehensive navigation and contact hub, reinforcing the brand’s identity and professionalism. It includes key links to services and company pages, ensuring visitors can easily explore offerings like MVP development, AI solutions, and full-stack engineering. Contact information is clearly presented, including an email address, phone number, and office location in Dhaka, Bangladesh — building trust and accessibility. The footer design is clean and modern, with a tech-forward feel, aligned with Chillbion’s mission of helping startups transform ideas into reality using cutting-edge technology.

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Card

  Flexible container component for grouping related content and actions.

• Slarivo HeroUI Separator

  HeroUI v3 Separator — horizontal/vertical divider with content, variants, on-surface usage and a custom render-function API.

• Slarivo Tooltip

  Links component from the 21st.dev community.

• Slarivo Citation

  Displays a source reference card with title, domain, favicon, author, and text snippet for citing external sources, with default, inline, and stacked list variants.

• Slarivo Animated Badge

  An animated badge component with customizable text, color, and optional link functionality featuring a pulsing dot and smooth entrance animations.

• Slarivo Hover Link Preview

  When a user hovers over a link, a preview of the link's destination appears.

• Slarivo Stats cards with links

  Here is Stats cards with links

• Slarivo Connect With Us

  a simple gradient connect with us section for your websites, cool icons with pretty funky animations

• Slarivo Breadrcrumb

  Here is Breadrcrumb component

• Slarivo Footer

  A clean and structured footer with social links, quick navigation groups, and legal info. Designed with responsive grids and subtle styling to keep everything clear and accessible.

• Slarivo Interactive Hover Links

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

• Slarivo Breadcrumb

  Displays the path to the current resource using a hierarchy of links.

• Slarivo Personal Landing

  A modern, responsive landing component with avatar, headline, social links, and a live message input with validation and toast notifications. Ideal for personal portfolios or digital profiles.

• Slarivo Hero Block

  Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator

• Slarivo Team Section Block

  Animated team member cards with avatars, roles, and social links

• Slarivo Breadcramb

  Displays a hierarchy of links to the current page or resource in an application.

• Slarivo Breadcramb

  Displays a hierarchy of links to the current page or resource in an application.

• Slarivo Breadcramb

  Displays a hierarchy of links to the current page or resource in an application.

• Slarivo Team Member Card

  An animated team member card with hover effects revealing social links and role details.

• Slarivo Footer

  The Footer component is a fully configurable, responsive, and theme-aware UI element built with Next.js and Shadcn-style design. It supports dynamic navigation columns, customizable social media links with Lucide icons, and optional badges for highlighting features like “Pro,” “New,” or “Hiring.” The component adapts seamlessly to light and dark modes using Tailwind CSS, ensures accessibility with proper aria-labels, and leverages Next.js Link for client-side navigation. Designed for flexibility, it allows developers to easily extend columns, add additional social platforms, and include extra content like legal links or community sections, making it ideal for professional SaaS, product, or corporate websites.

• Slarivo Breadcrumb

  Displays the path to the current resource using a hierarchy of links.

• Slarivo Feature Section

  21st.dev empowers developers with modern tools and scalable infrastructure to build, ship, and grow faster. Our platform combines open-source innovation with enterprise reliability, helping teams of all sizes deliver world-class products.

• Slarivo Social Links

  A fully responsive and theme-aware social media links component that displays a vertical sidebar on desktop and a floating expandable dock on mobile. Each link is styled with platform-specific gradients and consistent white icons for both light and dark themes. The floating dock includes an interactive toggle button that adapts its icon color based on theme mode.

• Slarivo Call to Action

  Here is Call to Action component

• Slarivo Hover Link Animation

  Hover Link Animation

• 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 Alert Badge

  Alert Badge inspired by Tremor

• Slarivo Vercel Footer

  Vercel Footer with dropdown menu

• Slarivo Breadcrumb

  Here is Breadcrumb component

• Slarivo Pagination

  Navigate to the previous or next page.

• Slarivo Breadcrumb

  A navigation aid that shows users their current location within a website or application hierarchy

• Slarivo Fancy Text Hover

  Text with fancy hover animation effects powered by GSAP.

• Slarivo Breadcrumb

  Here is Breadcrumb component

• Slarivo Breadcrumb

  Here is Breadcrumb component

• Slarivo Ruixen Footer 03

  This pricing component showcases three tailored plans from the Ruixen UI library, designed for different user needs—from freelancers to growing teams. Each plan highlights key AI-driven features like automated content workflows, team collaboration, and brand tone training. With clear pricing, feature lists, and call-to-action buttons, it's built for conversion and clarity.

• Slarivo Footer

  Website footer section with brand logo, navigation link columns, copyright, policy links, and a light/dark theme toggle.

• Slarivo Link Hover

  Navigation links with creative hover animations powered by GSAP.

• Slarivo Squiggly Underline

  Navigation links with animated squiggly SVG underline on the active item. Built with Framer Motion.

• Slarivo Markdown

  Render markdown with headings, lists, tables, blockquotes, code fences, and safe external links. State-friendly for streaming text. Self-contained port from 21st.dev Agent Elements (uses react-markdown + remark-gfm in place of streamdown + @streamdown/code).

• Slarivo Breadcrumb

  Breadcrumb component

• Slarivo Interfaces Breadcrumb

  Displays the path to the current resource using a hierarchy of links.

• Slarivo Animated Link

  React animated link: Hover reveals an underline that wipes in from the left, the right, or grows from the center, while a diagonal arrow lifts into view.

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Reshaped Link

  Navigation link for use within text that respects line breaks and text flow. Works with both href and onClick (rendering an anchor or button tag), offers underline and plain variants, primary/positive/critical/warning/inherit colors, a disabled state and an optional icon for standalone usage.

• Slarivo Great UI Animated Link

  An interactive link component supporting 13 premium hover variants including custom clipping masks, SVG sine waves, and text marquee animations.

• Slarivo Text Underline

  An animated inline link with a CSS-only underline that slides through on hover.

• Slarivo Flexnative Breadcrumb

  A Breadcrumb navigation from the Flexnative UI registry with 9 variants: basic links, leading home icon, custom slash separator, dot separator, ellipsis collapse, dropdown for hidden levels, responsive collapse, asChild custom link, and an end-of-trail page switcher. Built on Radix (Slot + dropdown-menu).

• Slarivo Default Navigation Menu

  A horizontal navigation menu with a simple list of links for site-level navigation.

• Slarivo Random Letter Swap Navigation

  A horizontal navigation menu whose links shuffle their letters in a glitchy random-swap animation on hover.

• Slarivo Separator

  Here is Separator component

• Slarivo Breadcrumbs

  This is a breadcrumbs component

• Slarivo Breadcrumbs

  Display the current page location within a navigational hierarchy.

• Slarivo Button

  Displays a button or a component that looks like a button.

• Slarivo Filters

  A Linear inspired component to add / edit filters

• Slarivo Interactive Icon Cloud

  An interactive 3D tag cloud component

• Slarivo Sidebar Component

  Here is Sidebar 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 Integrations Component

  Here is Integrations Components

• Slarivo Integrations Component

  Here is Integrations Components

• Slarivo Compare

  A comparison component between two images, slide or drag to compare

• Slarivo Globe Feature Section

  The Featured_05 component is a modern hero section designed to spotlight Ruixen UI’s core value proposition. On the left, it presents a bold heading and supporting text that communicates the simplicity, scalability, and performance of the UI library. A prominent call-to-action button encourages users to engage immediately. On the right, a visually striking animated globe subtly anchors the section, reinforcing the product’s global relevance and modern aesthetic. The layout is fully responsive, ensuring that content and visuals remain balanced across devices.

• Slarivo Features

  Here is Features Component

• Slarivo Stack Feature Section

  This component is a React + Tailwind CSS hero section with a heading, subtext, and call-to-action buttons on the left, plus an animated multi-orbit icon display on the right.

• Slarivo Hero Section

  Hero Section Component This component creates a dynamic and engaging hero section, perfect for landing pages. It features a two-column layout with animated text, actionable buttons, social proof statistics, and a visually appealing image collage.

• Slarivo Hero Section

  Hero component with sleek animation

• Slarivo Team

  Here is Team component

• Slarivo Image Gallery

  Here is Image Gallery component

• Slarivo Lets Work Section

  A minimal, standout "Let's Work Together" component with a hover effect and smooth micro-interactions

• 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 Apple Liquid glass switcher

  Here is Apple Liquid glass switcher component

• Slarivo Feature Showcase

  The FeatureShowcase component is a responsive, theme-aware section built entirely with shadcn/ui primitives that blends storytelling and interaction. It pairs an informative left panel—featuring a headline, description, subtle stats, step-by-step accordion, and clear call-to-action buttons—with a dynamic right panel that displays tab-based media. Each tab reveals a full-bleed image that automatically fills the container, making the layout visually balanced and immersive. Ideal for product introductions or feature highlights, this component lets designers combine concise narrative content with interactive visuals to engage users across light and dark themes.

• Slarivo Dot Loader

  Here is Dot Loader component

• Slarivo CTA with Glow

  A powerful Call-to-Action component built with shadcn's design system. This component features multiple styles including box layouts and beam effects, all following shadcn's minimalist aesthetic. Each variant is designed to create compelling call-to-action sections that drive user engagement. Built with Tailwind CSS, it ensures responsive design and seamless integration with other shadcn components. The component maintains high accessibility standards while providing flexibility in how you present your calls to action.

• Slarivo Button

  Here is modern liquid animated button component

• Slarivo Category List

  An interactive and theme-adaptive list component used to display and navigate through different categories or features. Each item provides visual feedback on hover, revealing more details and an icon, making it ideal for guiding users through key sections of an application.

• Slarivo Combined Featured Section

  The combined section component serves as a spotlight area to showcase the core strengths or highlights of our platform. It brings together key offerings

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Call to Action

  Here is Call to Action components

• Slarivo Ruixen Feature Section

  The Integrations component showcases key tools and platforms that seamlessly connect with our system to enhance productivity, collaboration, and performance. Each integration is represented with a distinct icon and a short description, helping users quickly identify the value each platform brings.

• Slarivo Fallback Card

  Here is Fallback Card component

• Slarivo Footer

  Here is Footer component

• Slarivo Border Beam

  Here is Border Beam component

• Slarivo Contact

  Contact Section Description: A comprehensive and visually appealing contact section component featuring an animated background, a navigation bar, a main title, a contact form with various input types, and social media integration. Designed for reusability, responsiveness, and theme-adaptability using shadcn/ui.

• Slarivo Feature Carousel

  Here is modern feature carousel component

• Slarivo Lens

  A lens component to zoom into images, videos, or practically anything.

• Slarivo SidebarShowcase

  This custom sidebar component is a fully responsive, interactive navigation panel built using ShadCN UI, Framer Motion, and React. It features a team switcher at the top, allowing users to quickly toggle between different teams using a dropdown menu. The sidebar is divided into categories such as “Main” and “Work,” where each category contains individual navigation items. The Work category supports collapsible sub-labels with smooth animations for nested items, while some items can remain as single links without dropdowns. Each navigation item can display a status badge (like “New,” “Updated,” or “Coming Soon”) to indicate priority or updates. At the bottom, the sidebar includes a user profile dropdown with options for profile management, settings, billing, and logout, fully leveraging ShadCN UI’s DropdownMenu. The component combines clean typography, muted default text, hover effects, and smooth motion animations, offering a polished and professional navigation experience suitable for modern web applications.

• Slarivo Feature Spotlight

  This component is a feature spotlight card where you can showcase in any landing page.

• Slarivo Dot Flow

  here is Dot Flow component

• Slarivo Feature Modern

  Here is Feature component

• Slarivo Buttons

  Here is Buttons Components

• Slarivo Integration Showcase

  Integration Showcase This component displays a title, subtitle, an illustration, and a responsive grid of integrations. It's designed to be easily populated with your own data.

• Slarivo Feature Highlight Card

  Feature Highlight Card This component, FeatureHighlightCard, is designed to showcase a specific feature, complete with an image, title, description, and a call-to-action button. It uses framer-motion for smooth, staggered animations and is styled with shadcn/ui theme variables to ensure it adapts to both light and dark modes.

• Slarivo dock

  Here is dock component

• Slarivo Joblisting

  sleek animation job lisiting model type component

• Slarivo Pointer

  A component that displays a pointer when hovering over an element

• Slarivo Feature Highlight

  Feature Highlight Component This component animates a list of features, a title, and an icon into view with a staggered effect. It's built to be highly reusable—you can pass any text, icons, or custom elements as props.

• Slarivo dropdown 01

  A reusable component for dropdown

• Slarivo Image Reveal

  Here is image reveal component

• Slarivo Image Cursor Trail

  A unique interactive component

• Slarivo Selector Chips

  Selector Chips are used to display a list of items that can be selected.

• Slarivo Contribution Graph

  Here is Contribution Graph component

• Slarivo Feedback Slider

  Here is colored feedback slider component

• Slarivo Referral Card

  Referral Card This component provides a visually appealing and interactive card for referral programs. It uses framer-motion for smooth animations and is built with reusability in mind, allowing you to easily customize its content through props.

• Slarivo Clipped Image

  Here is component of clipped image components

• Slarivo Pin List

  Here is animated Pin List component

• Slarivo Linear Card

  Here is linear card component

• Slarivo Feature Section

  Feature Section A responsive and theme-adaptive component designed to showcase a product's key features. It includes a main title, a subtitle, a grid of features with icons, and a final call-to-action card. It's built to be highly reusable by accepting all content through props.

• Slarivo Dynamic Island

  Here is Dynamic Island component

• Slarivo Interactive Light

  he component replicates the original behavior: the lamp follows your mouse cursor with a glowing effect, includes the grid background with radial highlight, supports

• Slarivo Switch

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

• Slarivo Response

  Here is Response component

• Slarivo Button

  Here is Button component

• Slarivo Job Listing

  Here is Job Listing component

• Slarivo Card

  Quick Links Card A card component that displays a title, subtitle, and a set of actionable icon buttons for quick access to common tasks.

• Slarivo Inline Citation

  Here is Inline Citation component

• Slarivo Folder Components

  A folder icon component with a frosted glass front flap, stacked document peek, and smooth spring hover animation that fans the papers open. Pick from 6 color themes via the prop. Drop it into any React or Next.js project and install directly via the shadcn CLI.

• Slarivo Animated Footer

  Responsive footer component with cool animations

• Slarivo Astryx Breadcrumbs

  Breadcrumbs show the user's location in a hierarchy and let them navigate back up, from Meta's Astryx design system. Compose BreadcrumbItem children with links, icons, or onClick handlers; supports custom separators and a subtler supporting variant.

• Slarivo Button

  A polymorphic button built on Base UI's useRender. Ships 8 visual variants (default, secondary, outline, ghost, link, destructive, destructive-outline) and a full set of sizes including icon sizes (xs–xl). Has a built-in loading state that overlays an inline spinner and hides the label, a render prop for rendering as any element or as a child, and focus-visible / pressed styling out of the box.

• Slarivo Section CTA

  A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips that animate on hover and focus.

• Slarivo Orbit Footer

  Compact dark footer with a brand name and inline developer links like docs and status.

• Slarivo Footer Section 4

  A responsive footer section with a branded blue card, animated social icons, multi-column navigation links, and a newsletter email signup.

• Slarivo Astryx Breadcrumb Item

  BreadcrumbItem is a single step in a Breadcrumbs trail, from Meta's Astryx design system. Renders as a link (href), a button (onClick), or the current page (isCurrent), with an optional start icon. Compose inside Breadcrumbs to build navigation trails.

• Slarivo Reshaped Button

  Renders its children as button content and works with both href and onClick. Supports solid, outline, ghost and faded variants, neutral/primary/critical/positive colors, four sizes with fullWidth, loading and disabled states, start/end icons, icon-only mode, rounded shape, raised elevation and a Button.Group compound component.

• Slarivo Icon Breadcrumb

  A breadcrumb navigation trail that uses an icon for the home link instead of a text label.

• Slarivo Item

  Here is Item component

• Slarivo ListBox

  Here is ListBox component

• Slarivo The Item one

  Here is The Item components

• Slarivo Footer 1

  Animated footer section with company info, organized link columns, and social media icons.

• Slarivo Base Badge

  A Base Badge component for labeling status, metadata, categories, and compact counts, featuring badge, dot, pill, link.

• Slarivo QR Code

  A QR Code component for grouping related information, actions, and media into reusable surfaces, featuring qr code, qr-code, card, share.

• Slarivo HeroUI Separator

  HeroUI v3 Separator — horizontal/vertical divider with content, variants, on-surface usage and a custom render-function API.

• Slarivo Documentation Link Card

  A compact card with a labeled icon header and a body containing descriptive text plus a link, ideal for documentation or resource callouts.

• Slarivo Icon Link Card

  A compact card with an icon badge, title, description and a call-to-action link, useful for summaries, feature highlights or navigation shortcuts.

• Slarivo Social Selector

  An animated social platform selector that toggles between X, Bluesky, and Threads with a sliding pill and blur-transitioned handle link.

• Slarivo Breadcrumb

  A navigation trail of links showing the current page's location within a site's hierarchy, with a themed muted text style.

• Slarivo Arrow Fill Button

  Pill button with an orange border whose circular fill expands to cover the button on hover as the label recolors and an arrow slides in.

• Slarivo Scramble Link Button

  Link button that scrambles its label into random glyphs on hover before resolving, with an optional underline and arrow icon.

• Slarivo Link Button

  Minimal link button with an animated underline and a rotating arrow icon; use it for inline text links and CTAs that need a bit of motion.