Blocks

26 pre-composed sections built from IO-UI components. Full-width layouts ready to drop into any page. Every block uses real content from The Prompt Engineering Project — no lorem ipsum.

Hero Sections

4 blocks

Full-bleed hero sections with animated backgrounds, typographic effects, and call-to-action patterns.

Aurora HeroLamp HeroBeams HeroParallax Hero

Feature Sections

3 blocks

Layouts for presenting product features, capabilities, and value propositions.

Bento Feature GridSticky Scroll FeaturesHover Cards Grid

Pricing Sections

2 blocks

Pricing table layouts with tier comparison and call-to-action patterns.

Gradient PricingSpotlight Pricing

Testimonials

2 blocks

Social proof sections with quotes, avatars, and animated transitions.

Moving TestimonialsAnimated Testimonials

Navbars

3 blocks

Navigation bar patterns with animation, dropdowns, and adaptive behavior.

Floating NavResizable NavMega Menu Nav

Footers

2 blocks

Page footer layouts with navigation, branding, and contact information.

Minimal FooterBeams Footer

Cards

4 blocks

Card composition patterns for content display, interaction, and layout.

3D Product CardsFocus GalleryExpandable Card ListGlowing Feature Cards

Login & Signup

2 blocks

Authentication form layouts with animated inputs and brand styling.

IO Signup FormBeams Signup

CTA Sections

2 blocks

Call-to-action layouts designed to drive conversion and engagement.

Spotlight CTAVanish Input CTA

Bento Grids

2 blocks

Asymmetric grid layouts for feature showcases and content organization.

Feature BentoInteractive Bento