Photonix
v1.1.8

Documentation

Everything you need to know about Photonix. From installation to advanced customization.

Installation

Install Photonix using your preferred package manager.

Terminal
# Using pnpm (recommended)
pnpm add @photonix/ultimate

# Using npm
npm install @photonix/ultimate

# Using yarn
yarn add @photonix/ultimate

Basic Usage

Import components and styles to get started.

App.tsx
import { Button, Card, Flex } from '@photonix/ultimate';
import '@photonix/ultimate/styles';

export default function App() {
  return (
    <Card variant="outlined">
      <Flex direction="column" gap="md" p="lg">
        <Text variant="body-md">Hello Photonix!</Text>
        <Button variant="primary">Get Started</Button>
      </Flex>
    </Card>
  );
}

Ready to explore?

Browse all available components in our showcase.