CoffeeCup Store
Saved items
Esc

Browse

↑↓Navigate↵OpenSearches all 4 verticals

Website Components

Plug and play components.

Import. Customize. Savor.

Make your vision a reality in minutes using complimentary, customizable web components. Save your favorite features to your library. Import them into your Site Designer projects. Modify them visually to fit your brand and content.

29 free components · 12 deluxe packs

Browse by type

Find the block you need

View all components →

Navbars, heroes, pricing tables, testimonials and more.

Free Web Components

Free components

Search, filter by type and framework, and sort.

29 components

Filters

Deluxe Web Components

Deluxe components

Bigger, themed packs — 100+ features per collection, one price per framework.

12 components

Filters

FAQ

Website components, answered

What are CoffeeCup website components?

Website components are ready-made, fully editable page sections — navigation bars, heroes, galleries, pricing tables, forms, footers and more. You import them into CoffeeCup Site Designer with one click and customize them visually, instead of building each section from scratch.

Are CoffeeCup website components free?

29 of the 41 components are free to download. The other 12 are Deluxe component packs priced from $19–$99, each bundling several related sections. The Web Components Pack bundles every premium component at a discount.

Which frameworks do the components support?

Components come in Bootstrap, Foundation, Materialize and frameworkless versions. Pick the one that matches the framework of the site you're building in Site Designer so the classes and grid behave consistently.

Built for the canvas

Drop components straight into Site Designer

Every block is one click away from your canvas — place it, customize it, publish.

Get Site Designer

Learn

Explore the full Component Library

Browse every block in the Site Designer Guide, with usage notes for each one.

Open the Component Library