@public-essentials/templates
v1.0.4
Published
Complete application templates and complex interfaces
Maintainers
mihaifanacheReadme
Templates SDK
Complete application templates and complex interfaces for dashboards, e-commerce, analytics, and more.
Published by Public Essentials organization.
Installation
npm install @public-essentials/templatesUsage
JavaScript/Node.js
const { components, categories, getComponent, getComponentsWithCharts } = require('@public-essentials/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
import { components, categories, getComponent, getComponentsWithCharts } from '@public-essentials/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.4
- Total Components: 337
- Chart Components: 28
- Categories: 20
- Build Date: 2025-09-26T09:32:52.106Z
License
MIT License - see LICENSE file for details.