Theme Settings
Mode
Direction
Layout
Primary Color
Layout Rounded
Navbar Type
Footer Type
Card Style
Sidebar Settings

Theme

User Profile

Header Settings

Theme

Sidebar Background

Settings are automatically saved to your browser's local storage.

© 2025 Turbine UI

Scrollspy Demo

Scroll down to see navigation highlight as you scroll through sections.

Introduction

Welcome to our comprehensive documentation. This guide will walk you through everything you need to know to get started with our product.

Our platform provides a robust set of tools designed to help developers build beautiful, responsive web applications with ease.

Whether you're a beginner or an experienced developer, you'll find our documentation helpful and easy to follow.

Features

  • Responsive design out of the box
  • Dark mode support
  • Extensive component library
  • Customizable themes
  • Regular updates and support

Our feature set is constantly growing based on community feedback and industry trends.

Installation

Getting started is simple. Follow these steps:

npm install @package/name

After installation, import the package into your project:

import Package from '@package/name';

Usage

Here's a basic example of how to use the component:

<Component 
  prop="value"
  onEvent={handler}
/>

You can customize the behavior by passing different props as shown in the API reference below.

API Reference

Prop Type Default
variant string 'primary'
size string 'md'
disabled boolean false
onClick function undefined