Documentation Overview

Design with Physics

Welcome to the Bugzx Motion Engine documentation. Explore our interactive components, physics-based primitives, and premium layouts designed for high-performance React applications.

Installation

npm install @bugzx-motion/next

Basic Usage

Import components directly from the package. All components include semantic TypeScript definitions.

import { Motion } from '@bugzx-motion/next';

export default function App() {
  return (
    <Motion.div
      animate={{ y: 50 }}
    />
  );
}

E-Commerce Ready

Full suite of shop components available now.

Education Platform

LMS components built-in for courses.

Premium Effects

Spotlights, tilt, and glitter effects.

Badge Designs

Status indicators with multiple variants and custom colors.

New Feature

Live Updates

Properties

variant

color

textColor

Progress Visualization

Animated progress bars with custom accent colors.

65%

Properties

variant

value

065100

color

textColor

Checkbox Designs

Custom animated checkboxes with multiple variants.

Default

Neon

Minimal

Outline

Radio Group Designs

Animated radio buttons with multiple premium variants.

Default

Neon

Minimal

Outline