šŸš€ Getting Started

Install Superkey in your project.

Superkey is a stylized command palette component built with React, Tailwind CSS & HeadlessUI ready to be used in your next project.

šŸ›« Guides:

1. Install:

šŸš§ Superkey only works with React 18 or higher. It also requires headlessUI to be installed.

npm install superkey @headlessui/react
# or
yarn add superkey @headlessui/react
# or
pnpm install superkey @headlessui/react
# or
ultra install superkey @headlessui/react

2. Import styles:

import "superkey/styles.css";

3. How to use:

import { useState } from "react";
import { Command, CommandInput, CommandList, CommandOption } from "superkey";

function App() {
  const [open, setOpen] = useState(false);
  return (
      onClose={() => {
        onChange={(e) => {
        <CommandOption value="Option 1">
          <h1>Option 1</h1>
        <CommandOption value="Option 2">
          <h1>Option 2</h1>