Skip to content
Open-source · MIT licensed

Real sections, ready to ship.

Pre-composed UI blocks built only from Sisyphos UI primitives. Copy the source, paste into your app, theme with your tokens. No starter-kit lock-in.

13 blocks · Browse full templates →

Marketing

  • Marketing hero

    Marketing hero

    Centered marketing hero with an eyebrow chip, dual-tone gradient headline, supporting paragraph, and a paired primary + outlined CTA row.

    ButtonChip
  • Feature grid

    Feature grid

    Three-up feature card grid. Each card carries an icon medallion, a tight title, and a one-line value-prop description.

    Card
  • Pricing tiers

    Pricing tiers

    Three-tier pricing table with a highlighted middle plan. Card variants drive the visual emphasis, Chip badges the popular tier.

    CardChipButton
  • Testimonials

    Testimonials

    Two-up customer testimonial cards with star rating, opening quote glyph, and an Avatar-led author footer.

    CardAvatar
  • CTA banner

    CTA banner

    Full-width dark CTA section with a brand-tinted halo, dual-tone headline, a primary + ghost button pair, and a closing trust strip.

    Button
  • Trusted-by logo cloud

    Trusted-by logo cloud

    Horizontal customer-logo strip with a small eyebrow label. Sits between Hero and Feature grid to anchor social proof early.

  • FAQ accordion

    FAQ accordion

    Five-question FAQ list using the Sisyphos Accordion (single-open mode). Sits between testimonials and the closing CTA on a marketing landing.

    Accordion
  • Newsletter signup

    Newsletter signup

    Inline email-capture: Sisyphos Input + Button submit, with a one-line privacy/frequency footnote. Drops in anywhere a single-field signup makes sense.

    InputButton

Authentication

  • Sign-in card

    Sign-in card

    Centered card with email + password inputs, a primary submit, and links to forgotten-password and sign-up flows.

    CardInputButton+1

Application

  • Stats row

    Stats row

    Four-tile KPI row for dashboards. Each tile pairs a big metric with a trend chip and a one-line period-over-period context.

    CardChip
  • Empty state panel

    Empty state panel

    Card-wrapped empty panel using the Sisyphos EmptyState primitive — icon, title, description, paired action buttons. Drops into any list / table / collection view that hasn't been populated yet.

    CardEmptyStateButton

Forms

  • Contact form

    Contact form

    Two-column contact section: intro panel (eyebrow + headline + email link) and a Card-wrapped form (Input + Textarea + Button). Submits to a toast for demo purposes.

    CardInputTextarea+1

Navigation