# Mockup Website Sections | Creght Blocks | Creght Blocks

> Browse product mockups, visual showcases, and interactive React sections for modern websites.

[![Creght](https://fsu.creght.com/site/2083536173505974272/1785726413863__creght_logo.svg)Blocks](/)

[EN](/collections/mockup.md) [中文](/zh-CN/collections/mockup.md)

[View all sections](/)

Curated collection

# MockupCollection

Product-led sections that use screens, cards, and visual compositions to make an idea tangible.

5 sections·[Sphere](/collections/sphere.md)·[Background](/collections/background.md)

[![Hero · Before After section cover](https://fsu.creght.com/site/2083536173505974272/1786355301797__creght_blocks_covers_hero_before_after.jpg?w=3072&fmt=webp)\
\
01\
\
Hero · Before After\
\
hero](/blocks/hero-before-after.md) [![Showcase · Rotating 3D section cover](https://fsu.creght.com/site/2083536173505974272/1787295543463__showcase_cover_3d.jpg?w=3072&fmt=webp)\
\
02\
\
Showcase · Rotating 3D\
\
showcase](/blocks/showcase-3d.md) [![Effects · Image Intro section cover](https://fsu.creght.com/site/2083536173505974272/1786355364521__creght_blocks_covers_image_intro.png?w=3072&fmt=webp)\
\
03\
\
Effects · Image Intro\
\
effects](/blocks/image-intro.md) [![Showcase · Infinite Canvas section cover](https://fsu.creght.com/site/2083536173505974272/1787295543502__showcase_cover_infinite_canvas.jpg?w=3072&fmt=webp)\
\
04\
\
Showcase · Infinite Canvas\
\
showcase](/blocks/infinite-canvas.md) [![Features · 03 section cover](https://fsu.creght.com/site/2083536173505974272/1789714776295__features_03_showcase_cover.png?w=3072&fmt=webp)\
\
05\
\
Features · 03\
\
features](/blocks/features-03.md)

Mockup · Creght Blocks [All sections](/)

> Full page index: [/llms.txt](/llms.txt)