Introduction

Welcome to Solid Bits - a modern UI component library built for SolidJS with UnoCSS. It's a faithful port of the popular React Bits library, bringing beautiful animations and interactive components to the SolidJS ecosystem.

Quick Start

Get up and running with Solid Bits in minutes:

npm install solid-bits

Or if you prefer pnpm:

pnpm add solid-bits

Basic Usage

Import and use components in your SolidJS application:

import { GlassIconsUno } from 'solid-bits';

export default function App() {
  const items = [
    { label: "Home", icon: <HomeIcon /> },
    { label: "About", icon: <AboutIcon /> }
  ];

  return (
    <GlassIconsUno items={items} />
  );
}

Component Variants

Solid Bits offers two styling approaches:

Next Steps