We are live on DevHunt: tool of the week contest

check it out
Logoorix-UI
Docs

Getting Started

IntroductionInstallation

Components

Blur FadeBorder BeamButtonCheckboxCopy InputDialogDropdown MenuExpandable DockFlip WordsGlass CardGlitch TextGooey ButtonInputInteractive StackLetter Pull ButtonLoaderMagnetic ButtonMagnetic TextNeon ButtonNoise CardNumber TickerProgress RingRadial GaugeScan ButtonShimmer ButtonSkeletonSpotlight CardStatus BadgeSwitchTabsText ScrambleTheme ToggleTilt CardTooltipTypewriterWarp Button

Blocks

CarouselFAQ SectionModern Feature ShowcaseFloating ConstellationFloating IconsHero BentoInfinite MarqueeInteractive GridInteractive LinesLiquid AuraMagnetic SurfaceNoise MeshParticle VortexPricing SectionTerminalTestimonials SectionVelocity Scroll

Installation

How to install and use Orix components in your project.

Prerequisites

Orix is designed to work with Next.js, React 19, and Tailwind CSS 4. You should also have `shadcn` initialized in your project.

bash

Adding Components

Unlike traditional libraries, you don't install an npm package. You use the CLI to download the source code of the component directly into your project.

This allows you to customize the component as if you wrote it yourself.

1Choose a component

Browse the components in the sidebar and copy the installation command.

2Run the command

Example for the Button component: