Component

Hero

Also known as: Jumbotron, Banner

A large banner, usually appearing as one of the first items on a page; it often contains a full-width image.

9 Examples

Filter:

  • Hero

    Bulma

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Hero Area

    Duet Design System

    Tech

    • Angular
    • Vue
    • React

    Features

    • Code examples

  • Hero

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Jumbotron

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • Masthead

    giffgaff design system

  • Hero

    Nessie

    Tech

    • Web Components
    • Tailwind CSS

    Features

    • Usage guidelines
    • Code examples

  • Hero

    ONS Design System

    Tech

    • HTML
    • Nunjucks
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Hero

    uStyle

    Tech

    • Sass

    Features

    • Tone of voice
    • Code examples
    • Usage guidelines
    • Open source
    • Unmaintained

  • Hero

    W3C design system

    Tech

    • Sass
    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Accessibility

Resources

  • Inside the mind of a frontend developer: Hero section

    By Ahmad Shadeed

Name distribution