Component Library & JSON Schemas

A comprehensive collection of reusable UI components with their JSON structure definitions

Points

Bulleted list with optional title

SectionsText

Text

Single-column rich text block with optional title

SectionsText

Video

Responsive YouTube video embed with optional title

MediaVideo

Content + Illustration (Right)

Left-aligned title and paragraphs with an illustration image on the right

SectionsText

Content + Illustration (Left)

Left-aligned image with title and paragraphs on the right

SectionsText

ERP Intro Text

Large headline with quote icon and spacious descriptive paragraphs

SectionsText

File Upload

Drag & drop file upload with preview and progress tracking

InteractiveUpload/Social/Spinner/Tooltip

Business Slider

A modern business slider with a digital transformation message, business illustration, and free demo form.

SectionsForm

Inquiry Form

A beautiful inquiry form for requesting free demos with illustration and form fields

FormsForm

Hero Section

Main landing section with headline, description, and call-to-action buttons

HeroHero

Hero Section Without Button (Alternative)

Alternative hero section with title, subtitle, and image - no action buttons

SectionsHero

Testimonials Section

Customer testimonials with ratings, quotes, and client logos

ContentCard

Service Cards

Grid of service cards with icons, titles, descriptions, and tags

ContentCard

Stats Section

Statistics display with icons, numbers, and descriptions

ContentCard

Call to Action

Action-oriented section with buttons and compelling text

SectionsText

Accordion Section

Expandable FAQ or content sections

InteractiveFOQ

Image Gallery

Grid of images with hover effects and titles

MediaCard

Testimonial Carousel

Rotating customer testimonials with ratings

ContentCarousal

Pricing Cards

Pricing plans with features and call-to-action

CommerceCard

Contact Form

Contact form with company information

FormsForm

Timeline Section

Chronological timeline of events or milestones

ContentTimeline

Team Section

Team member profiles with photos and bios

ContentCard

Blog Grid

Grid of blog posts with images and metadata

ContentCard

FAQ Section

Frequently asked questions with expandable answers

InteractiveFOQ

Modal Dialog

Overlay modal with content and actions

InteractiveText

Notification Toast

Toast notifications with different types

FeedbackCard

Search Bar

Search input with suggestions

NavigationSearch

Filter Tags

Interactive filter tags for content organization

NavigationSearch

Breadcrumbs

Navigation breadcrumbs for page hierarchy

NavigationSearch

Sidebar Menu

Collapsible sidebar navigation

NavigationSearch

Footer Links

Organized footer navigation

NavigationFooter

Social Media Icons

Social media link components

NavigationUpload/Social/Spinner/Tooltip

Loading Spinner

Loading and progress indicators

FeedbackUpload/Social/Spinner/Tooltip

Error Boundary

Error handling component

FeedbackCard

Tooltip Component

Interactive tooltip elements

InteractiveUpload/Social/Spinner/Tooltip

Comment Section

Interactive comment section with user testimonials, ratings, and engagement features

ContentText

Features Section

Feature showcase with icons, descriptions, and statistics in a responsive grid layout

ContentCard

Stats Showcase

Animated statistics and metrics with counters and visual elements

ContentCarousal

Team Expertise

Showcase of team expertise areas and specializations

ContentCard

Technology Stack

Showcase of technologies and tools used in development

ContentCard

Process Workflow

Development process steps and methodology

BusinessCard

Global Presence

Worldwide offices and global reach

BusinessCard

Resource Center

Educational content, guides, and resources

ContentCard

Contact Information

Contact methods and office locations

BusinessCard

Benefits

Benefits showcase with icons and descriptions

SectionsCard

Client Logos

Carousel showcasing client company logos

SectionsCarousal

Process Timeline

Timeline showing process steps and workflow

SectionsTimeline

Services

Services section with detailed service offerings

SectionsCard

Call to Action

Call to action section with buttons and messaging

SectionsText

Differentiators

Key differentiators and competitive advantages

SectionsCard

FAQ

Frequently asked questions section

SectionsFOQ