Component Library

Building blocks for
exceptional websites.

Every component below is interactive, responsive, and handcrafted in pure HTML, CSS, and JavaScript. These are the real building blocks we use on every project we deliver.

Component 01

Navigation Bar

Sticky, responsive navbar with logo, page links, and a CTA button. Scroll-aware with backdrop blur — adapts to mobile with a hamburger menu.

Component 02

Hero / Banner Variants

Two hero layout styles — split text/media layout and full-width centred. Both include eyebrow labels, titles, descriptions, and CTAs.

◆ Left-aligned variant

Your headline goes right here.

Supporting text that explains your value proposition. Keep it concise, punchy, and focused.

Primary CTA Learn More
✦ Centred variant

Centred, clean, impactful.

Great for product launches and landing pages where the message is the hero.

Get Started
Component 03

Content Card Grid

Responsive card grid for articles, services, portfolio items, or products. Each card has an image area, category tag, title, excerpt, and CTA link.

🌿
Case Study
Redesigning the checkout flow

How we increased conversion by 34% through focused UX improvements and load time optimisation.

Read more →
🔷
Service
Bespoke web design

Every layout is designed from scratch to match your brand, not adapted from a template.

Read more →
🔥
Insight
Why page speed still matters in 2025

Every 100ms of latency has a measurable impact on bounce rate. Here's what we do about it.

Read more →
Component 04

Testimonial Slider

Auto-advancing carousel with manual controls. Displays client quote, star rating, avatar, name and role. Essential for building trust on any commercial site.

★★★★★

"Forge delivered a site that I'm genuinely proud to share with clients. Fast, beautiful, and exactly what we discussed."

🧑
Sarah K.
CEO, Meridian Consulting
★★★★★

"No template nonsense. They listened, designed something completely unique, and delivered on time. 10/10 would work with again."

👩
Marcus T.
Founder, Halcyon Studio
★★★★★

"Our bounce rate dropped by 40% after the redesign. The performance gains alone justified the entire project budget."

🧑‍💼
Priya M.
Head of Marketing, Veritas Labs
Component 05

Pricing Table

Three-tier pricing layout with a highlighted featured plan. Hover-interactive buttons, feature lists with checkmarks, and a "Most Popular" badge.

Starter
£999
one-time project
  • Up to 3 pages
  • Mobile responsive
  • Contact form
  • 2 rounds of revisions
  • Blog / CMS
  • Priority support
Most Popular
Studio
£2,499
one-time project
  • Up to 8 pages
  • Mobile responsive
  • Contact form
  • 4 rounds of revisions
  • Blog / CMS setup
  • Priority support
Enterprise
Custom
bespoke quote
  • Unlimited pages
  • Mobile responsive
  • All integrations
  • Unlimited revisions
  • Blog / CMS setup
  • Priority support
Component 06

Accordion / FAQ

Animated expand/collapse panels — click any row to reveal the answer. One panel open at a time with smooth CSS height transitions. Zero JavaScript libraries.

Most projects are delivered within 3–6 weeks depending on scope, content readiness, and revision rounds. We'll give you a clear timeline at the start of every project.
No. Every site we build is written in hand-crafted HTML, CSS, and JavaScript. This means faster load times, better security, and code you actually own and understand.
Your branding assets (logo, colour palette), copy for each page, and any images or photography. If you don't have these yet, we can help with referrals or work with what you have.
Always. Every site we build is fully responsive and tested across common screen sizes, browsers, and operating systems before delivery.
Component 07

Contact Form

Styled form with focus states, validation feedback, and an animated submit button with loading and success states. Works with any backend or form service.

Component 08

Image Gallery & Lightbox

Masonry-style gallery grid with hover overlays. Click any image to open an animated full-screen lightbox. Close with Escape, the × button, or clicking outside.

🌄
View
🏙️
View
🌊
View
🌿
View
🔥
View
Component 09

Stats Counter Strip

Animated number counters triggered on scroll via IntersectionObserver. High visual impact for agencies and SaaS sites. Numbers count up smoothly from zero.

0
Projects Completed
0
Client Satisfaction %
0
Industry Awards
0
Years in Business
Component 10

Toast Notifications

Animated notification toasts in four semantic variants — success, warning, error, and info. Click the buttons below to fire them. They auto-dismiss after 4 seconds.

✓
Success!
Your changes have been saved successfully.
✕
Error
Something went wrong — please try again.