Infinite Logo Marquee
Two-row infinite logo marquee with seamless CSS loop, edge fade, pause on hover, a pause button and a static fallback for reduced motion.
Page Sections
Ready-made blocks for building landing pages and marketing sites.
30 component(s)
Animated Number Counters
Stats section with four number cards that count up when scrolled into view, using IntersectionObserver, locale formatting and reduced-motion support.
Scroll-Snap Testimonial Slider
Horizontally scrolling testimonial cards using CSS scroll snap, with star ratings, avatars and accessible previous and next buttons.
Hero with Rotating Words
Dark hero section whose headline cycles through words with a slide-and-fade animation, a pause button and decorative stat cards.
Footer with Newsletter
Dark Bootstrap 5 footer with a newsletter signup panel, email validation, social icons, three link columns and a legal bar.
Two-Column FAQ
Bootstrap 5 FAQ section with questions split into two accordion columns, plus/minus icons and a dark contact support prompt.
Team Cards with Hover Info
Bootstrap 5 team section with portrait cards that reveal a bio and social links on hover or keyboard focus. Pure CSS, no JavaScript.
Testimonial Carousel
Bootstrap 5 testimonial carousel with serif quote cards, pill indicators, arrow buttons and an accessible pause control.
Split CTA with Email Capture
Bootstrap 5 split call-to-action with newsletter pitch on the left and a validated email signup form with consent checkbox on the right.
Page Header with Breadcrumb
Dark Bootstrap 5 page header with breadcrumb, title and status badge, copy-link and dropdown actions, and section tabs.
Article Layout
Bootstrap 5 long-form article layout with drop cap, wide figure, pull quote, author box and a sticky reading progress bar.
Featured Post with Sidebar List
Bootstrap 5 blog section with a large featured article card and a tabbed sidebar of recent and popular posts.
Contact Section with Details
Bootstrap 5 contact section with address, phone and email cards, copy buttons and a CSS map placeholder with opening hours.
Alternating Feature Rows
Bootstrap 5 feature section with image and text rows that alternate sides on desktop, with icons, checklists, highlight chips and offset image shapes.
Hero with Background Overlay
Full-width Bootstrap 5 hero section with a cover background image, dark gradient overlay, fluid headline, two call-to-action buttons and a stats row.
Multi-Column Footer
Dark Tailwind CSS website footer with brand block, social icons, four labelled link columns and a bottom bar with copyright and status.
Article with Table of Contents
Tailwind CSS long-form article layout with a sticky table of contents that highlights the current section and shows reading progress.
Blog Post Grid
Responsive three-column Tailwind CSS blog grid with illustrated covers, category badges, author, date, reading time and fully clickable cards.
Newsletter Signup Card
Bold Tailwind CSS newsletter signup card with inline email validation, a loading spinner, privacy note and an animated success state.
Split Contact Section with Form
Tailwind CSS contact section with a gradient info panel beside a validated contact form, topic chips, character counter and a simulated send state.
FAQ Accordion Section
Dark Tailwind CSS FAQ section with an accessible accordion, smooth expand animation, keyboard navigation and a support contact card.
Logo Cloud Grid
Tailwind CSS logo cloud with a heading and a bordered grid of eight inline SVG client logos that reveal brand colors on hover.
Stats Section with Count-Up Numbers
Tailwind CSS key-metrics section on an emerald brand background with large numbers, labels, trend notes and an accessible count-up on scroll.
Centered Hero with Announcement Badge
Dark Tailwind CSS hero section with an announcement pill, gradient headline, two CTA buttons, glowing grid background and a row of trust logos.