Preline Components SDK

Essential UI building blocks for React and HTML applications.

Published by PublicAI UX organization.

Installation

npm install @publicai-ux/preline-components

Usage

JavaScript/Node.js

const { components, categories, getComponent } = require('@publicai-ux/preline-components');

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

// Get a specific component
const button = getComponent('base-components', 'button-primary');
console.log(button);

// Get components by category
const formComponents = getCategoryComponents('basic-forms');

ES Modules

import { components, categories, getComponent } from '@publicai-ux/preline-components';

const button = getComponent('base-components', 'button-primary');

Categories

Base Components

Essential UI building blocks including buttons, badges, alerts, accordions, and tooltips for fundamental interface elements

• Components: 220
• Icon: Blocks
• Path: base-components

Navigations

Navigation components including sidebars, breadcrumbs, tabs, pagination, and stepper elements for user wayfinding

• Components: 98
• Icon: Navigation
• Path: navigations

Basic Forms

Fundamental form elements like inputs, textareas, checkboxes, radio buttons, and basic validation components

• Components: 99
• Icon: FileText
• Path: basic-forms

Advanced Forms

Complex form components including multi-select, date pickers, file uploads, advanced validation, and dynamic form controls

• Components: 62
• Icon: Settings2
• Path: advanced-forms

Overlays

Modal dialogs, popovers, tooltips, dropdown menus, and notification overlays that appear above main content

• Components: 50
• Icon: Layers
• Path: overlays

Third-Party Plugins

Integration components for external libraries including maps, charts, calendars, and specialized UI widgets

• Components: 71
• Icon: Puzzle
• Path: third-party-plugins

Tables

Data table components with sorting, filtering, pagination, and responsive layouts for displaying structured information

• Components: 19
• Icon: Table
• Path: tables

Component Structure

Each component includes:

• HTML: Ready-to-use HTML markup
• JSX: React component version (when available)
• JavaScript: Interactive functionality
• CSS: Tailwind CSS styles
• Schema: Data structure definitions
• Manifest: Component metadata

Build Info

• Version: 1.0.0
• Total Components: 619
• Categories: 7
• Build Date: 2025-09-26T08:42:20.878Z

License

MIT License - see LICENSE file for details.