BridgeHub Design Kit

by Md Jahid Shah

0.0

(0 ratings)

BridgeHub Design Kit extends the Elementor page builder with a curated collection of lightweight, accessible, and performance-focused widgets.

Eight lightweight Elementor widgets built for accessibility, performance, and modern website design: Hero, Feature Grid, Testimonial Slider, FAQ Accordion, CTA Banner, Featured Category, Pricing Table, and Product Carousel widget.
WCAG 2.1 AA accessible output with ARIA attributes, keyboard navigation, and screen reader support
Conditional asset loading — CSS and JS only load on pages using BridgeHub widgets, not every page
PSR-4 autoloaded architecture for clean, maintainable code
Template override system for theme developers
Internationalization and RTL support using WordPress translation standards
Vanilla JavaScript (no jQuery dependency) for frontend interactions
JSON-LD structured data support in FAQ Accordion widget
Reduced-motion preference support via prefers-reduced-motion

Hero Section — Full-width banner with headline, subheading, CTA button, background overlay, and video/gradient support
Feature Grid — Responsive grid of feature items with icons, titles, and descriptions (1-4 columns)
Testimonial Slider — Accessible carousel with autoplay, keyboard navigation, dot/arrow controls, star ratings, and pause/play
FAQ Accordion — Expandable Q&A panels with WAI-ARIA accordion pattern, collapse-others mode, and FAQPage JSON-LD schema
CTA Banner — Call-to-action section with headline, description, button, and background overlay
Pricing Table — Plan card with title, price, features list, badge, and highlighting for featured plans
Featured Category – Display featured product categories with images, badges, descriptions, and customizable links in a responsive card layout.
Product Carousel — Display products in a responsive, customizable carousel with navigation controls, autoplay, and multiple layout options.