SLARIVO / CHARTS & DATA VIZ

Charts & Data Viz Components

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

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Donut Chart

  Donut Chart – Visual data distribution widget. Displays categorized insights with a clean circular layout and color-coded segments. Perfect for analytics dashboards and performance summaries.

• Slarivo Multi Series Bar big

  Here is multi series bar chart big size

• Slarivo Line Charts 1

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Line Charts 5

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Weekly KPI Chart

  This is an interactive day-based data chart that visualizes values (like revenue or activity) using minimalistic vertical lines and animated gradient highlights. It’s perfect for dashboards or financial summaries where users need quick, clean visual feedback with a focus on a specific day.

• Slarivo Line Charts 4

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Line Charts 2

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Horizontal Bar big

  Here is horizontal bar chart big size

• Slarivo Chart

  Beautiful charts. Built using Recharts. Copy and paste into your apps. Note: If you are using charts with React 19 or the Next.js 15, see the note here - https://ui.shadcn.com/docs/react-19#recharts

• Slarivo Animated Card Diagram

  Here is Animated Card Diagram component

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Area Charts 1

  Area charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Anomaly heatmap

  Anomaly heatmap

• Slarivo Radar Chart

  Here is Radar Chart component

• Slarivo Activity Chart Card

  Activity Chart Card This component displays activity data in a bar chart format. It's designed to be reusable, accepting props for the title, total value, and chart data. The bars animate into view sequentially for a polished user experience.

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo GPT-Vis

  A React chart component that renders AI/LLM-generated data visualizations from vis-syntax strings or config objects, supporting 26 chart types via @antv/gpt-vis.

• Slarivo Area Charts 2

  Area charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Sonic Waveform

  This one is called "Sonic Waveform." It features an interactive, generative audio waveform that ripples and distorts as you move your mouse across the screen. This creates a high-tech, data-visualization feel, as if you're interacting with a live data stream or a soundscape.

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Funnel Chart

  Here is Funnel Chart component

• Slarivo Range Slider

  Range Slider A responsive and accessible price range slider with a histogram visualization. It allows users to select a numeric range with interactive handles and provides clear visual feedback on the selected values and data distribution.

• Slarivo Pie chart

  here is interactive pie chart animation

• Slarivo Animated Radial Chart

  This is a dynamic radial progress chart component that animates a semi-circular arc to visually represent a percentage value, using smooth framer-motion transitions, SVG gradients, and drop shadows for a polished 3D feel. Perfect for dashboards, analytics UIs, or progress visualizations where you want to display performance, goal completion, or system usage in a clean and engaging format.

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Chart

  A chart component for displaying data visualizations built using Recharts.

• Slarivo Radar Chart

  Here is Radar Chart comopnent

• Slarivo Radial Chart

  Here is Radial Chart component

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Gauge

  Gauge

• Slarivo Radar Chart

  Here is Radar Chart component

• Slarivo Radar Chart

  Here is Radar Chart component

• Slarivo GitHub calendar

  GitHub-style calendar component for Next.js that displays a contribution-like heatmap.

• Slarivo Circle Progress

  CircleProgress displays progress, completion status, or usage metrics in a circular format. It provides visual feedback about processes, tasks completion, or resource utilization. ## When to use - To show completion percentage of a task or process - To display resource usage (disk space, memory, CPU) - To create countdown or elapsed time indicators - For data visualization that needs to show parts of a whole ## Accessibility - Progress indicator includes ARIA attributes for screen readers - Value text provides detailed information about current progress value - Ensure sufficient color contrast for the progress indicator - Consider providing text alternatives that describe the progress value

• Slarivo Circle Progress

  CircleProgress displays progress, completion status, or usage metrics in a circular format. It provides visual feedback about processes, tasks completion, or resource utilization. ## When to use - To show completion percentage of a task or process - To display resource usage (disk space, memory, CPU) - To create countdown or elapsed time indicators - For data visualization that needs to show parts of a whole ## Accessibility - Progress indicator includes ARIA attributes for screen readers - Value text provides detailed information about current progress value - Ensure sufficient color contrast for the progress indicator - Consider providing text alternatives that describe the progress value

• Slarivo Line Charts 9

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Line Charts 6

  Line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options. Perfect for dashboards, admin panels, and analytics pages.

• Slarivo Globe CDN

  A Vercel-style WebGL globe with spinning 3D pyramid markers at edge regions and live traffic stats on arcs.

• Slarivo Line Graph Statistics

  This UI displays mobile vs desktop usage trends over June, with mobile consistently higher. A sidebar lets users toggle data for the last 7 days, 30 days, or 3 months.

• Slarivo Gauge

  A circular visual for conveying a percentage.

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Economic Calendar

  Economic Calendar Description: A responsive, horizontally-scrolling component to display a series of economic events. It features controls for navigation and uses framer-motion for smooth loading and interaction animations. The component is themed using shadcn/ui variables for seamless light and dark mode support.

• Slarivo Heatmaps

  here is interactive heatmaps

• Slarivo Stats Card

  Crypto Stats Card This component provides a comprehensive overview of the crypto market, including market cap, dominance distribution, and individual coin prices, all within a single, visually polished card.

• Slarivo Contribution Graph

  Here is Contribution Graph component

• Slarivo Area Chart Medium

  Here is Area chart multi series component

• Slarivo Card

  Sentiment Analysis Card A visually engaging card component to display sentiment analysis results with an animated, segmented progress bar. It's built to be fully reusable by accepting data through props.

• Slarivo Finance Chart

  here is finance chart example

• Slarivo Crypto Dashboard

  Crypto dashboard with real time price update using a coincecko api with time and new card design

• Slarivo Horizontal Bar Chart

  Here is horizontal bar chart

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Gauge

  A circular visual for conveying a percentage.

• Slarivo Gauge

  A circular visual for conveying a percentage.

• Slarivo Radar chart

  Here is radar chart example

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Excel-Style Table

  A beautiful, minimal table component with Excel-like features. Double-click cells to edit, click headers to select entire rows/columns, drag to select ranges, and use Ctrl+C to copy data. Supports CSV export and provides smooth, professional interactions.

• Slarivo Area Chart

  here is area chart small

• Slarivo Public Stats

  Here is Public Stats component

• Slarivo Detailed Normalized Incident Report

  detailed normalized area chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Glass Real time crypto Chart

  Glass Real time crypto Chart

• Slarivo Advanced Normalized Incident Report

  here is example of advanced-normalized-incident-report

• Slarivo Scatter Chart

  Here is Scatter Chart component

• Slarivo Funnel Chart Big

  Here is funnel chart big sized

• Slarivo Heat Map XL

  Here is heat map xl sized

• Slarivo Tooltip Chart

  Here is Tooltip Chat component

• Slarivo Heat Map middle

  Here is heat map middle sized

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo 8-bit Step Area Chart

  A retro 8-bit step area chart block with hoverable data points and pixel styling.

• Slarivo Threshold

  Threshold component

• Slarivo Dendrogram

  here is example of dendrogram

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Globe Bars

  A WebGL globe with progress bar cards anchored to city markers showing completion percentages.

• Slarivo Incident Report

  Incident report bar

• Slarivo Layered Funnel Chart

  Here is Layered Funnel Chart small

• Slarivo Layered Chart XL

  Here is Layered Chart XL sized

• Slarivo Bar Chart Medium

  here is bar chart component medium size

• Slarivo Horizontal Bar Medium

  Here is horizontal bar chart medium size

• Slarivo Heat Map

  Here is Heat Map small component

• Slarivo Streamgraph

  Streamgraph animated component

• Slarivo Bar Stack

  here is a bar stac

• Slarivo Network

  Network component

• Slarivo Area Chart Xs

  here is Area Chart Xsmall component

• Slarivo Stacked Normalized Incident Chart

  stacked normalized incident chart component

• Slarivo incident Chart

  here is incident component example

• Slarivo Sleep Tracker Card

  Sleep Tracker Card A visually polished card component for displaying sleep analysis data, including key statistics, an animated sleep-stage graph, and a detailed breakdown of sleep cycles.

• Slarivo QuadrantChart

  A quadrant chart with tooltips

• Slarivo Brush

  Brush component

• Slarivo Word cloud

  here is a word cloud data

• Slarivo Dots

  dots data visualisation

• Slarivo Treemap chart

  here is treemap component

• Slarivo Area Chart

  Here is Area chart small sized component

• Slarivo Incident Report

  Incidenet Report

• Slarivo Areachart Multiseries

  Here is areachart component of multiseries charts

• Slarivo Interpolation Chart middle

  Here is Interpolation Chart BIG sized

• Slarivo Hexagon map

  Hexagon map large sized

• Slarivo Points Chart

  Charts & Data Viz component from the 21st.dev community.

• Slarivo Chords

  Chord component

• Slarivo Glyphs

  Glyphs component

• Slarivo Bar Group vertical

  a static vertical bar group

• Slarivo Legends

  Here is legends component

• Slarivo BoxPlot + ViolinPlot

  BoxPlot and ViolinPlot component

• Slarivo Multi Series Bar

  Here is multi series bar chart small size

• Slarivo Multi Series Bar

  Here is multi series bar chart medium size

• Slarivo Layered Chart medium

  Here is Layered Chart medium sized

• Slarivo Axis

  Animated axis

• Slarivo Funnel Chart

  Here is funnel chart small

• Slarivo Curves

  Curves component

• Slarivo Bar stac

  here is horizontal bar stack with data

• Slarivo Stacked Areas

  Stacked areas chart

• Slarivo Stacked Chart

  here is stacked chart component

• Slarivo Area Chart Small

  Here is area chart small

• Slarivo Stacked Bar

  here is stacked bar small component

• Slarivo Stacked Diverging bar

  here is Stacked diggering bar chart medium

• Slarivo Funnel Chart medium

  Here is Funnel Chart medium sized

• Slarivo Interpolation chart

  Here is Interpolation Chart small

• Slarivo Annotation

  here is annotation component

• Slarivo Charts

  There are charts component

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo Chart

  A set of composable chart primitives built on Recharts, providing a themeable ChartContainer plus ChartTooltip, ChartTooltipContent, ChartLegend and ChartLegendContent. Colors are driven by a typed ChartConfig and exposed as CSS variables, so the same wrappers render bar, line, area, pie, radar, radial and composed charts with consistent styling in light and dark mode.

• Slarivo AI Swarm Visualization

  An interactive particle system that visualizes AI behavior with three distinct simulation modes: neural network connections, swarm intelligence, and data clustering. Features adjustable parameters, theme switching, and real-time visualization.

• Slarivo Animated Chart Card

  Animated Chart Card

• Slarivo Audio Upload Card

  The AudioUploadCard component provides an interactive drag-and-drop interface for audio file uploads with animated visual feedback. It features a customizable upload area that transforms during file selection, showing a waveform visualization and filename display when an audio file is uploaded. The component supports both drag-and-drop and click-to-upload functionality, making it ideal for applications requiring audio transcription, voice recording, or media management workflows.

• Slarivo Dynamic Waveform

  "Dynamic Waveform" component generates a multi-layered, oscillating pattern inspired by audio visualizers and signal monitors. It uses a combination of sine waves and noise to create a constantly evolving and intricate animation. I've included new interactive controls for Wave Complexity, Amplitude, and Frequency, allowing you to transform the visual from simple, smooth waves into a complex, chaotic signal.

• Slarivo Zoom

  Zoom colored component

• Slarivo Radial Bar

  Radial bar chart

• Slarivo HUD Area Chart

  This is a stylized HUD-style area chart component with an SVG-based sci-fi frame, interactive data hover, and dynamic theming support. It overlays a custom dot-matrix grid, uses a clipped polygon container to shape the graph, and reacts to pointer movement by displaying real-time data feedback in the corner. Perfect for futuristic dashboards, HUDs, gaming overlays, trading UIs, or any app that needs immersive data visualization with retro-tech or cyberpunk aesthetics.

• Slarivo MusicEqualizer Upload

  The Music Equalizer Upload component is a dynamic and visually engaging file upload interface designed specifically for audio files. Each uploaded file is represented with its name and an animated equalizer, where bars bounce rhythmically to indicate ongoing upload progress—perfect for music or media applications. Users can select multiple audio files either by clicking the upload button or dragging files into the input area. Only audio files are accepted, ensuring file-type integrity, while non-audio files are automatically ignored. Each file can be individually removed using a dedicated trash icon without affecting other uploads. Built with Shadcn UI, Lucide icons, and Framer Motion, this component supports both light and dark themes and offers smooth entry and removal animations, making audio uploads visually appealing and highly interactive.

• Slarivo Card

  Weekly Expense Card This component provides a visually engaging summary of expenses. It features an animated bubble chart powered by framer-motion and uses shadcn/ui components and theme variables for a consistent look and feel.

• Slarivo Stacked Bar medium

  Here is stacked bar medium sice

• Slarivo Split Line Path

  here is split line path component

• Slarivo Waveform

  An animated audio waveform visualizer with pulsing bars, glow, scanline overlay and corner brackets for playback and live-signal displays.

• Slarivo SMA Chart

  Moving-average chart: one price line with 60- and 200-period SMA overlays, right-edge price ticks, and a summary row underneath with a signed change chip. Light and dark via theme tokens.

• Slarivo Price Target Fan

  Analyst price target chart: history walks to now, then three dashed projections fan out to High, Mean and Low targets. Scrub the history or hover a target and a KPI-style card reads the value. Theme-aware.

• Slarivo Market Snapshot

  Stock snapshot card: animated price line with pointer scrubbing, a 1D-to-All period switch, and the hovered price reading into the header with its delta. Light and dark via theme tokens.

• Slarivo Sectors Donut

  Allocation donut ring with a centered symbol and legend cross-highlight — hovering a legend row or arc dims the rest so one weight reads at a time. Light and dark via shadcn theme tokens; respects reduced motion.

• Slarivo Candle Chart

  Trading terminal price panel: OHLC candles with a volume strip, a crosshair that reads the exact bar into the header, and a gliding-thumb timeframe switch. Light and dark via shadcn theme tokens.

• Slarivo Wave

  An animated wave loading indicator built from bars that pulse vertically to signal a busy or loading state.

• Slarivo Circuit Board

  An interactive circuit board layout with labeled nodes and animated electricity pulses that travel along right-angle traces between connected nodes.

• Slarivo Glare Cards

  A premium, interactive dashboard component featuring dynamic 3D tilting, cursor-responsive radial glare, and animated data visualizations.

• Slarivo Range Navigator

  Focus + context price history: a detail chart sits over a compressed mini-map of the whole series. Drag the brush window to pan, pull an edge to zoom, and hover the plot for a dashed crosshair whose card reads that point's price and date. Axis ticks and end labels are derived from the current window. Light and dark via shadcn theme tokens; respects reduced motion.

• Slarivo Poll Results

  An interactive poll where clicking an option reveals animated result bars, vote percentages, and the winning choice.

• Slarivo Line Chart

  Here is Line Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo Area Chart

  Here is Area Chart component

• Slarivo CPU Architecture

  An animated CPU architecture diagram with flowing data paths and SVG animations.

• Slarivo Bento Dashboard

  Neo‑brutalist animated dashboard showcasing system load, weekly traffic, health radar, and interactive metrics using React, Tailwind, and Framer Motion.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Bar Chart

  A Bar Chart component for explaining metrics, trends, comparisons, and structured data, featuring animated transitions, pointer-responsive feedback.

• Slarivo Price Target Fan

  Analyst price target chart: history walks to now, then three dashed projections fan out to High, Mean and Low targets. Scrub the history or hover a target and a KPI-style card reads the value. Theme-aware.

• Slarivo Candle Chart

  Trading terminal price panel: OHLC candles with a volume strip, a crosshair that reads the exact bar into the header, and a gliding-thumb timeframe switch. Light and dark via shadcn theme tokens.

• Slarivo Sectors Donut

  Allocation donut ring with a centered symbol and legend cross-highlight — hovering a legend row or arc dims the rest so one weight reads at a time. Light and dark via shadcn theme tokens; respects reduced motion.

• Slarivo Market Snapshot

  Stock snapshot card: animated price line with pointer scrubbing, a 1D-to-All period switch, and the hovered price reading into the header with its delta. Light and dark via theme tokens.

• Slarivo SMA Chart

  Moving-average chart: one price line with 60- and 200-period SMA overlays, right-edge price ticks, and a summary row underneath with a signed change chip. Light and dark via theme tokens.

• Slarivo Voice Dictator

  An animated voice dictation interface with a WebGL dithered waveform orb that pulses while a live transcript streams in.

• Slarivo Helix Chrono Matrix

  An immersive 3D topological fiber matrix with animated traveling nodes, interactive physics, and smooth topology morphing.

• Slarivo Signal Bars Loader

  An audio waveform loading indicator with configurable bars that pulse rhythmically in equalizer, waveform, or heartbeat styles.

• Slarivo Line graph

  A line graph that draws on enter and shows compact percent deltas on hover, from the official Motion examples catalog.

• Slarivo Gsap Card Flip

  A Gsap Card Flip component for explaining metrics, trends, comparisons, and structured data, featuring chart, drag interaction, click and selection states, responsive behavior.

• Slarivo Elevate Navbar

  A Elevate Navbar component for communicating actions, objects, states, and visual meaning compactly, featuring icon, chart, form, click and selection states.

• Slarivo Chart Tooltip

  A styled tooltip content block for data charts that shows labeled values with colored dot, line, or dashed indicators next to each series.

• Slarivo Partition Bar

  A horizontal bar chart that splits into proportional colored segments to visualize parts of a whole, with labeled titles and values under each segment.

• Slarivo Interactive List Preview

  A Interactive List Preview component for explaining metrics, trends, comparisons, and structured data, featuring chart, form, pointer-responsive feedback, responsive behavior.

• Slarivo Spider Particles

  A Spider Particles component for explaining metrics, trends, comparisons, and structured data, featuring chart, pointer-responsive feedback.

• Slarivo Phantom Image Trail

  A Phantom Image Trail component for explaining metrics, trends, comparisons, and structured data, featuring chart, form, drag interaction, pointer-responsive feedback.

• Slarivo Fractal Glass

  A Fractal Glass component for explaining metrics, trends, comparisons, and structured data, featuring chart, pointer-responsive feedback, responsive behavior.

• Slarivo Interactive Blur Reveal

  WebGL2 fullscreen shader that keeps an image frosted by default and reveals a sharp version wherever the cursor trails, with animated film grain and a subtle vignette.