Data-display
252 components
- A curved WebGL gallery of project tiles you drag, scroll or arrow through, with adjustable bend. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Circular Gallery
A curved WebGL gallery of project tiles you drag, scroll or arrow through, with adjustable bend.
React Bitsanimationreact-bitswebglMIT + Commons Clause License Condition v1.0 - A draggable cylinder carousel of destination cards that drifts and snaps into focus. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Circular Carousel
A draggable cylinder carousel of destination cards that drifts and snaps into focus.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A draggable card carousel of product updates with icons, dots and optional looping autoplay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Carousel
A draggable card carousel of product updates with icons, dots and optional looping autoplay.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A scrollable list of tasks with animated selection, keyboard arrows and edge gradients. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Animated List
A scrollable list of tasks with animated selection, keyboard arrows and edge gradients.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Animated Content
Feature cards that slide and fade into place with GSAP ScrollTrigger as you scroll a release-notes panel, with vertical or horizontal entry and a replay.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger. React Bits, Data-display, 0 votes, MIT + Commons Clause License Condition v1.0 licencedata-display0
React Bits Accordion Gallery
A row of product panels that expands the one you hover, tap or focus, with a GSAP parallax and a hover or click trigger.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - Removable topic tags with keyboard selection and a restore control. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Tag Group
Removable topic tags with keyboard selection and a restore control.
React Ariainteractivereact-ariatag-groupApache-2.0 - A sortable invoices table with row headers and keyboard cell navigation. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Table
A sortable invoices table with row headers and keyboard cell navigation.
React Ariadata-displayinteractivereact-ariaApache-2.0 - Account menu groups divided by horizontal and vertical React Aria separators. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Separator
Account menu groups divided by horizontal and vertical React Aria separators.
React Ariadata-displayinteractivereact-ariaApache-2.0 - A storage meter with a label, formatted value text and a warning colour near the limit. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Meter
A storage meter with a label, formatted value text and a warning colour near the limit.
React Ariadata-displayinteractivemeterApache-2.0 - A multi-select grid list of uploads with an interactive remove button in each row. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Grid List
A multi-select grid list of uploads with an interactive remove button in each row.
React Ariadata-displaygrid-listinteractiveApache-2.0 - Brand palette swatches with accessible colour names and a chosen-colour summary. React Aria, Data-display, 0 votes, Apache-2.0 licencedata-display0
React Aria Color Swatch
Brand palette swatches with accessible colour names and a chosen-colour summary.
React Ariacolor-swatchdata-displayinteractiveApache-2.0 - A profile header split by horizontal and vertical separators, with a decorative or semantic option. Radix Primitives, Data-display, 0 votes, MIT licencedata-display0
Radix Separator
A profile header split by horizontal and vertical separators, with a decorative or semantic option.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - A tags list in a fixed-height panel with a custom, styled scrollbar. Radix Primitives, Data-display, 0 votes, MIT licencedata-display0
Radix Scroll Area
A tags list in a fixed-height panel with a custom, styled scrollbar.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - Team avatars with an image, and initials as the fallback when no photo is available. Radix Primitives, Data-display, 0 votes, MIT licencedata-display0
Radix Avatar
Team avatars with an image, and initials as the fallback when no photo is available.
Radix PrimitivesaccessibleavatarkeyboardMIT - A video thumbnail frame that keeps 16:9, 4:3 or 1:1 as the container resizes. Radix Primitives, Data-display, 0 votes, MIT licencedata-display0
Radix Aspect Ratio
A video thumbnail frame that keeps 16:9, 4:3 or 1:1 as the container resizes.
Radix Primitivesaccessibleaspect-ratiokeyboardMIT - A spring-smoothed reading progress bar tied to a local article container. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Scroll Progress
A spring-smoothed reading progress bar tied to a local article container.
Motion Primitivescompiled-cssdata-displayinteractiveMIT - A looping logo strip that slows down on hover, in horizontal and reversed directions. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Infinite Slider
A looping logo strip that slows down on hover, in horizontal and reversed directions.
Motion Primitivescompiled-cssdata-displayinteractiveMIT - An attributed before/after Image Comparison with local compiled CSS, drag control and an added keyboard-accessible range input. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Image Comparison
An attributed before/after Image Comparison with local compiled CSS, drag control and an added keyboard-accessible range input.
Motion Primitivesimage-comparisoninteractivemotion-primitivesMIT - A custom spring-follow cursor that appears only inside a design canvas panel. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Cursor
A custom spring-follow cursor that appears only inside a design canvas panel.
Motion Primitivescompiled-csscursordata-displayMIT - A draggable product carousel with navigation arrows and indicator dots. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Carousel
A draggable product carousel with navigation arrows and indicator dots.
Motion Primitivescarouselcompiled-cssdata-displayMIT - Feature cards that enter together with a chosen animated group preset, replayable. Motion Primitives, Data-display, 0 votes, MIT licencedata-display0
Motion Primitives Animated Group
Feature cards that enter together with a chosen animated group preset, replayable.
Motion Primitivesanimated-groupcompiled-cssdata-displayMIT - Typography variants previewed on sample copy while keeping the semantic heading level. Material UI, Data-display, 0 votes, MIT licencedata-display0
Material UI Typography
Typography variants previewed on sample copy while keeping the semantic heading level.
Material UIdata-displayinteractivematerial-uiMIT - A captioned project table with controlled local numeric/name sorting. Material UI, Data-display, 0 votes, MIT licencedata-display0
Material UI Table
A captioned project table with controlled local numeric/name sorting.
Material UIinteractivematerial-uitableMIT
