FAQ Cards — Neubrutalism 2

Chunky neubrutalist FAQ cards: thick black borders, hard offset shadows, yellow question bars and a dependency-free max-height accordion.

₹99 · Prompt + codeFAQNeubrutalismVanilla JS

What's inside

  • prompt.md
  • index.html
  • script.js
  • style.css
  • One-time payment, lifetime access
  • Source code, exactly as in the preview
  • Matching AI prompt to rebuild or adapt it
  • Secure checkout by Razorpay: UPI, cards, netbanking

More in Code Components

A bold blue FAQ header with a giant title, then a full-width accordion: one answer open at a time, GSAP height easing and a plus that turns into a cross.

FAQ Accordion — Basic

An orange neubrutalist FAQ styled like a chat: dark question pills on the left, cream answer bubbles on the right that pop in with GSAP ScrollTrigger.

FAQ Chat Bubbles — Neubrutalism

A pure-CSS underline that draws in from the left on hover and leaves to the right, with a smooth in-out cubic-bezier. Desktop-first with a mobile notice.

Underline Hover — Directional

A round black button that follows the cursor with an elastic GSAP pull, its label moving even further for a layered, springy feel.

Magnetic Button

A full-screen preloader: a huge counter runs 0→100 with a matching progress bar, then the whole loader slides up to reveal the page.

Page Loader — Counter

Five yellow columns drop in one after another to cover the screen, the page swaps underneath, then they fall away: a staggered GSAP page transition.

Page Transition — Column Drop