Design system
  • Intro
  • Guidelines
  • Components
  • Blocks
  • Artifacts
  • Prototypes
  • Intro
  • Guidelines
  • Components
  • Blocks
  • Artifacts
  • Prototypes
  • Overview

Call to action

  • CTA 1

Contact

  • Contact 1
  • Contact 2
  • Contact 3

Content

  • Content 1
  • Content 2
  • Content 3
  • Content 4
  • Content 5
  • Content 6
  • Content 7
  • Content 8
  • Content 9
  • Content 10
  • Content 11
  • Content 12
  • Content 13
  • Content 14
  • Content 15
  • Content 16
  • Content 17
  • Content 18
  • Content 19
  • Content 20
  • Content 21
  • Content 22

Events

  • Events 1

FAQ

  • FAQ 1

Features

  • Features 1
  • Features 2
  • Features 3
  • Features 4
  • Features 5
  • Features 6

Footer

  • Footer 1
  • Footer 2
  • Footer 3
  • Footer 4
  • Footer 5

Full width

  • Full Width Video 1

Gallery

  • Gallery 1
  • Gallery 2

Header

  • Header 1
  • Header 2
  • Header 3
  • Header 4
  • Header 5
  • Header 6
  • Header 7
  • Header 8
  • Header 9
  • Header 10
  • Header 11
  • Header 12
  • Header 13
  • Header 14

Logos

  • Logos 1

Marquee

  • Marquee 1
  • Marquee 2
  • Marquee 3

Media

  • Full Width Image 1
  • Full Width Image 2

Module

  • Module Mux Video
  • Module Quote
  • Module Single Image
  • Module Single Video
  • Module Text Box
  • Module Two Images
  • Module Two Mux Videos
  • Module Two Videos

Navigation

  • Navbar

People

  • People 1
  • People 2

Poster

  • Poster 1
  • Poster 2
  • Poster 3
  • Poster 4
  • Poster 5
  • Poster 6
  • Poster 7
  • Poster 8
  • Poster 9
  • Poster 10
  • Poster 11
  • Poster 12
  • Poster 13
  • Poster 14

Pricing

  • Pricing 1
  • Pricing 2
  • Pricing 3
  • Pricing 4
  • Pricing 5

Quote

  • Quote 1
  • Quote 2

Slide

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6

Poster

Poster 1

A full-screen poster component with animations

apps/web/components/blocks/poster-1/index.tsx

Preview

Live, with its default content. Switch devices to see each breakpoint.
1440pxOpen

Usage

import Poster1 from "@/components/blocks/poster-1";

<Poster1 />

Depends on

  • @gsap/react
  • gsap
  • next
Previous← People 2NextPoster 2 →

Builtwell design system

Work with Builtwell