# Code block design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-component.data_display.code_block)

Last updated: 2026-08-05

Explore website designs that use **Code block**.

## Captured pages

[![Home](https://pin.fontofweb.com/10708?format=jpg)](https://design.withfudge.com/share/pin-10708)

[Home](https://design.withfudge.com/share/pin-10708)

[![Brave Search API | Brave](https://pin.fontofweb.com/10705?format=jpg)](https://design.withfudge.com/share/pin-10705)

[Brave Search API | Brave](https://design.withfudge.com/share/pin-10705)

[![Parallel](https://pin.fontofweb.com/10594?format=jpg)](https://design.withfudge.com/share/pin-10594)

[Parallel](https://design.withfudge.com/share/pin-10594)

[![Parallel](https://pin.fontofweb.com/10592?format=jpg)](https://design.withfudge.com/share/pin-10592)

[Parallel](https://design.withfudge.com/share/pin-10592)

[![Parallel](https://pin.fontofweb.com/10591?format=jpg)](https://design.withfudge.com/share/pin-10591)

[Parallel](https://design.withfudge.com/share/pin-10591)

[![Parallel](https://pin.fontofweb.com/10590?format=jpg)](https://design.withfudge.com/share/pin-10590)

[Parallel](https://design.withfudge.com/share/pin-10590)

[![Parallel](https://pin.fontofweb.com/10589?format=jpg)](https://design.withfudge.com/share/pin-10589)

[Parallel](https://design.withfudge.com/share/pin-10589)

[![Parallel](https://pin.fontofweb.com/10584?format=jpg)](https://design.withfudge.com/share/pin-10584)

[Parallel](https://design.withfudge.com/share/pin-10584)

[![Parallel](https://pin.fontofweb.com/10580?format=jpg)](https://design.withfudge.com/share/pin-10580)

[Parallel](https://design.withfudge.com/share/pin-10580)

[![Parallel](https://pin.fontofweb.com/10579?format=jpg)](https://design.withfudge.com/share/pin-10579)

[Parallel](https://design.withfudge.com/share/pin-10579)

[![Parallel](https://pin.fontofweb.com/10578?format=jpg)](https://design.withfudge.com/share/pin-10578)

[Parallel](https://design.withfudge.com/share/pin-10578)

[![Parallel](https://pin.fontofweb.com/10577?format=jpg)](https://design.withfudge.com/share/pin-10577)

[Parallel](https://design.withfudge.com/share/pin-10577)

## Related design patterns

- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Technology and software](/share/designs-with-industry.technology_software)
- [Solid background](/share/designs-with-visual.background.solid)
- [Flat surfaces](/share/designs-with-visual.surface.flat)
- [Developer API](/share/designs-with-capability.developer_api)

## Related website guides

- [brave.com design guide](/share/brave.com-design)
- [humalike.ai design guide](/share/humalike.ai-design)
- [openai.com design guide](/share/openai.com-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)