JSPM

@public-essentials/templates

1.0.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q72615F
  • License MIT

Complete application templates and complex interfaces

Package Exports

  • @public-essentials/templates
  • @public-essentials/templates/index.esm.js
  • @public-essentials/templates/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@public-essentials/templates) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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/templates

Usage

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

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.