npm package: @publicai-ux/preline-templates
Description: Preline Templates - Complete application templates and complex interfaces
Author: PublicAI UX Team
Latest version: 1.0.0

# Preline Templates SDK

Complete application templates and complex interfaces for dashboards, e-commerce, analytics, and more.

Published by PublicAI UX organization.

## Installation

```bash
npm install @publicai-ux/preline-templates
```

## Usage

### JavaScript/Node.js
```javascript
const { components, categories, getComponent, getComponentsWithCharts } = require('@publicai-ux/preline-templates');

// Get all components
console.log(`Total components: ${components.length}`);

// Get a specific component
const dashboard = getComponent('data-visualization', 'advanced-bar-chart');
console.log(dashboard);

// Get all chart components
const chartComponents = getComponentsWithCharts();
console.log(`Chart components: ${chartComponents.length}`);
```

### ES Modules
```javascript
import { components, categories, getComponent, getComponentsWithCharts } from '@publicai-ux/preline-templates';

const dashboard = getComponent('data-visualization', 'advanced-bar-chart');
const chartComponents = getComponentsWithCharts();
```

## Categories

### Data Visualization
Advanced charts, graphs, dashboards, and interactive data presentation templates for analytics
- **Components**: 39
- **Icon**: LineChart
- **Path**: `data-visualization`

### Cards
Versatile card templates for content display, product showcases, and information organization
- **Components**: 31
- **Icon**: CreditCard
- **Path**: `cards`

### Overlays
Modal overlays, popup templates, and layered interface components for focused interactions
- **Components**: 0
- **Icon**: Layers2
- **Path**: `overlays`

### Tables
Comprehensive data table templates with advanced features for enterprise applications
- **Components**: 25
- **Icon**: Table
- **Path**: `tables`

### Forms
Complete form templates for registration, surveys, checkouts, and data collection workflows
- **Components**: 54
- **Icon**: FileInput
- **Path**: `forms`

### Search & Command Palettes
Advanced search interfaces, command palettes, and quick navigation tools for power users
- **Components**: 10
- **Icon**: Search
- **Path**: `search-&-command-palettes`

### Page Sections
Complete page section templates for landing pages, marketing sites, and content organization
- **Components**: 37
- **Icon**: Layout
- **Path**: `page-sections`

### UI Controls
Comprehensive UI control templates including buttons, inputs, toggles, and interactive elements
- **Components**: 52
- **Icon**: Sliders
- **Path**: `user-interface-(ui)-controls`

### Marketing
Marketing-focused templates for landing pages, campaigns, lead generation, and conversions
- **Components**: 40
- **Icon**: Target
- **Path**: `marketing`

### E-Commerce
Complete e-commerce templates including product pages, shopping carts, and checkout flows
- **Components**: 41
- **Icon**: ShoppingCart
- **Path**: `e-commerce`

### Calendar & Scheduling
Calendar interfaces, appointment scheduling, and time management application templates
- **Components**: 8
- **Icon**: Calendar
- **Path**: `calendar-&-scheduling`

### Inbox, Chat & Messages
Messaging interfaces, chat applications, inbox layouts, and communication tools
- **Components**: 27
- **Icon**: MessageCircle
- **Path**: `inbox,-chat-&-messages`

### Finance
Financial dashboards, banking interfaces, investment trackers, and fintech applications
- **Components**: 14
- **Icon**: TrendingUp
- **Path**: `finance`

### Video & Audio
Media player interfaces, streaming platforms, podcast players, and multimedia controls
- **Components**: 7
- **Icon**: Play
- **Path**: `video-&-audio`

### Kanban Boards
Project management boards, task tracking interfaces, and workflow organization tools
- **Components**: 9
- **Icon**: Columns
- **Path**: `kanban-boards`

### Feedback
User feedback systems, rating interfaces, review collections, and survey templates
- **Components**: 4
- **Icon**: ThumbsUp
- **Path**: `feedback`

### Pages
Complete page templates including landing pages, about pages, and full website layouts
- **Components**: 21
- **Icon**: FileText
- **Path**: `pages`

### Headers
Website header templates with navigation, branding, and call-to-action elements
- **Components**: 17
- **Icon**: AlignLeft
- **Path**: `headers`

### Sidebars & Contents
Sidebar navigation layouts, content areas, and dashboard-style interface templates
- **Components**: 23
- **Icon**: PanelLeft
- **Path**: `sidebars-&-contents`

### Footer
Website footer templates with links, contact information, and site navigation elements
- **Components**: 5
- **Icon**: AlignCenter
- **Path**: `footer`


## Component Structure

Each template includes:
- **HTML**: Ready-to-use HTML markup
- **CMS HTML**: CMS-compatible version with data attributes
- **Test HTML**: Extended test version with sample data
- **Preview**: Preview HTML for demonstrations
- **JSX**: React component version (when available)
- **JavaScript**: Interactive functionality and charts
- **CSS**: Tailwind CSS styles
- **Schema**: Data structure definitions with chart configurations
- **Manifest**: Component metadata
- **Screenshots**: Preview images (large and small)

## Chart Components

This collection includes **28** components with interactive charts powered by ApexCharts.

## Build Info

- **Version**: 1.0.0
- **Total Components**: 337
- **Chart Components**: 28
- **Categories**: 20
- **Build Date**: 2025-09-26T08:42:38.473Z

## License

MIT License - see LICENSE file for details.