dbs-layouts

A comprehensive collection of reusable React components, layouts, and primitives for quickly building websites for small and large clients alike.

Installation

npm install dbs-layouts
# or
yarn add dbs-layouts
# or
pnpm add dbs-layouts

Usage

Import Individual Components

import { AccordionBasic, CardBasic } from 'dbs-layouts';
import { NavBar, AuroraBackground } from 'dbs-layouts';

function MyApp() {
  return (
    <div>
      <NavBar />
      <AuroraBackground>
        <AccordionBasic />
        <CardBasic />
      </AuroraBackground>
    </div>
  );
}

Import from Specific Categories

// Import only basic components
import { AccordionBasic, ButtonGroup } from 'dbs-layouts/basic';

// Import only open-source components
import { NavBar, AuroraBackground } from 'dbs-layouts/open-source';

// Import utilities (if needed)
import { cn, useWindowSize } from 'dbs-layouts/utilities';

Import All Components

import * as DBSLayouts from 'dbs-layouts';

function MyApp() {
  return (
    <div>
      <DBSLayouts.NavBar />
      <DBSLayouts.AccordionBasic />
    </div>
  );
}

Component Categories

Basic Components (dbs-layouts/basic)

Over 600 basic UI components including:

• Accordions
• Cards
• Carousels
• Navigation components
• Tables
• Tabs
• And many more...

Open-Source Components (dbs-layouts/open-source)

Nearly 300 advanced, animated components including:

• 3D effects
• Animated backgrounds
• Interactive UI elements
• Advanced navigation components
• And much more...

Utilities (dbs-layouts/utilities)

Helper functions and hooks:

• cn - className utility (tailwind-merge + clsx)
• Custom hooks (useWindowSize, useMouse, etc.)
• Utility functions

Requirements

• React 18+ or 19+
• React DOM 18+ or 19+

Note on Dependencies

Many components depend on UI libraries like Radix UI, shadcn/ui components, and other dependencies. Make sure your project has the required peer dependencies installed. Components that use Next.js features (like next/link) will require Next.js to be installed in your project.

License

ISC

Repository

GitHub