Navigation
176 components
- A dark site navigation whose active pill moves between links with a gooey particle burst. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Gooey Nav
A dark site navigation whose active pill moves between links with a gooey particle burst.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - App shortcuts rendered as frosted glass icon buttons with coloured backplates. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Glass Icons
App shortcuts rendered as frosted glass icon buttons with coloured backplates.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A full-width menu whose rows reveal a GSAP marquee of text and artwork from the edge the pointer enters, with light and dark themes. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Flowing Menu
A full-width menu whose rows reveal a GSAP marquee of text and artwork from the edge the pointer enters, with light and dark themes.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A floating app dock whose icons magnify under the pointer and open apps locally. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Dock
A floating app dock whose icons magnify under the pointer and open apps locally.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A compact top bar that GSAP expands into three link cards, with a light or dark theme and links that report the section you pick. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Card Nav
A compact top bar that GSAP expands into three link cards, with a light or dark theme and links that report the section you pick.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A logo bubble and menu toggle that open a set of GSAP-animated pill links over a landing page, in light or dark bubbles. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Bubble Menu
A logo bubble and menu toggle that open a set of GSAP-animated pill links over a landing page, in light or dark bubbles.
React Bitsanimationgsapreact-bitsMIT + Commons Clause License Condition v1.0 - A documentation sidebar whose sections fold open with drawn branch lines and a gliding marker on the active page. React Bits, Navigation, 0 votes, MIT + Commons Clause License Condition v1.0 licencenavigation0
React Bits Branched Menu
A documentation sidebar whose sections fold open with drawn branch lines and a gliding marker on the active page.
React Bitsanimationinteractivereact-bitsMIT + Commons Clause License Condition v1.0 - A project file Tree with expandable folders, keyboard navigation and single selection. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Tree
A project file Tree with expandable folders, keyboard navigation and single selection.
React Ariainteractivenavigationreact-ariaApache-2.0 - A text toolbar with toggle buttons, a separator and arrow-key navigation between controls. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Toolbar
A text toolbar with toggle buttons, a separator and arrow-key navigation between controls.
React Ariainteractivenavigationreact-ariaApache-2.0 - Controlled horizontal automatic tabs with disabled Settings. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Tabs
Controlled horizontal automatic tabs with disabled Settings.
React Ariainteractivereact-ariatabsApache-2.0 - A documentation sidebar built from React Aria Navigation Tree with expandable sections and a current page. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Navigation Tree
A documentation sidebar built from React Aria Navigation Tree with expandable sections and a current page.
React Ariainteractivenavigationnavigation-treeApache-2.0 - A message actions menu in a popover with sections, a separator and a disabled item. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Menu
A message actions menu in a popover with sections, a separator and a disabled item.
React AriakeyboardmenunavigationApache-2.0 - In-page links handled with onPress, including a disabled link and a current-page link. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Link
In-page links handled with onPress, including a disabled link and a current-page link.
React AriainteractivelinknavigationApache-2.0 - An FAQ disclosure group that keeps one answer open at a time. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Disclosure Group
An FAQ disclosure group that keeps one answer open at a time.
React Ariadisclosure-groupinteractivenavigationApache-2.0 - An order-details disclosure with a heading trigger and a controlled panel. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Disclosure
An order-details disclosure with a heading trigger and a controlled panel.
React AriadisclosurekeyboardnavigationApache-2.0 - Dynamic breadcrumb trail with onAction navigation and a current page. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Breadcrumbs
Dynamic breadcrumb trail with onAction navigation and a current page.
React Ariabreadcrumbsinteractivereact-ariaApache-2.0 - A command palette where Autocomplete filters a Menu of local commands from a search field. React Aria, Navigation, 0 votes, Apache-2.0 licencenavigation0
React Aria Autocomplete
A command palette where Autocomplete filters a Menu of local commands from a search field.
React AriaautocompleteinteractivenavigationApache-2.0 - A document toolbar with formatting toggles, a separator, a link and a share button, navigable with arrow keys. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Toolbar
A document toolbar with formatting toggles, a separator, a link and a share button, navigable with arrow keys.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - An accessible Radix Tabs example with controlled selection, keyboard navigation and disabled-state behavior. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Tabs
An accessible Radix Tabs example with controlled selection, keyboard navigation and disabled-state behavior.
Radix Primitivesaccessiblekeyboardradix-primitivesMIT - A site navigation with a Products menu that opens a panel of links, plus plain links. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Navigation Menu
A site navigation with a Products menu that opens a panel of links, plus plain links.
Radix Primitivesaccessiblekeyboardnavigation-menuMIT - An editor menu bar with File and View menus, shortcuts and a checkbox item. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Menubar
An editor menu bar with File and View menus, shortcuts and a checkbox item.
Radix PrimitivesaccessiblekeyboardmenubarMIT - A Radix Dropdown Menu that sorts a project list, with a disabled item, keyboard navigation and focus return. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Dropdown Menu
A Radix Dropdown Menu that sorts a project list, with a disabled item, keyboard navigation and focus return.
Radix Primitivesaccessibledropdown-menukeyboardMIT - A right-click menu on a file card with actions, a checkbox item and a destructive item. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Context Menu
A right-click menu on a file card with actions, a checkbox item and a destructive item.
Radix Primitivesaccessiblecontext-menukeyboardMIT - A starred repositories list that shows one item and expands to reveal the rest. Radix Primitives, Navigation, 0 votes, MIT licencenavigation0
Radix Collapsible
A starred repositories list that shows one item and expands to reveal the rest.
Radix PrimitivesaccessiblecollapsiblekeyboardMIT
