Redirecting to PayPal

UI Components – Neub Library

Browse 126 ready-made components from the Neub UI library. Every variant is fully responsive – copy the code or customize it in the visual editor and export clean code.

Framework

UI Library

Tailwind Component #41

Tailwindcomponent preview
dark-features generator

Tailwind Component #42

Tailwindcomponent preview
yellow-contact generator

Tailwind Component #43

Tailwindcomponent preview
dark-newsletter generator

Tailwind Component #44

Newsletter component in Tailwind

Newsletter Signup Banner with Email Input

A dark, bordered newsletter signup banner with a bold uppercase heading, short supporting text, and an email input paired with a yellow Subscribe button. Thick black outlines and a pink offset shadow give it a brutalist, high-contrast style on a yellow page background.

Newsletter generator

Tailwind Component #45

Features component in Tailwind

Dark Feature Card Grid with Pink and Yellow Offset Shadows

A 3x2 grid of dark feature cards, each with a small pink or yellow icon tile, bold uppercase heading, and gray body text. Cards use hard offset shadows in alternating pink and yellow, forming a bold feature showcase.

Features generator

Tailwind Component #46

Logo clouds component in Tailwind

Four-Up Pink Logo Card Row with Hard Shadows

A horizontal row of four equal-sized pink rectangular cards, each with a black border and offset black drop shadow, containing a single company logo centered inside (Jiggle, Symtric, Wishelp, Resecurb). It reads as a client or partner logo strip with no visible navigation or interactive controls.

Logo clouds generator

Tailwind Component #47

Portfolio component in Tailwind

Five-Photo Collage Grid with Pink Background and Yellow Offset Frames

A decorative photo collage of five stock images arranged in a two-row grid on a pink background, each photo framed with a black border and yellow offset shadow. The images show a woman using a phone and card at home, a colorful gaming desk setup, and two home office workstations with monitors.

Portfolio generator

Tailwind Component #48

Team component in Tailwind

Team Section with Four Dark Profile Cards and Pink Offset Frames

A marketing team section with a centered 'Meet the Team' eyebrow label, a bold two-line heading with the word BEST in pink, and a subtitle above a 2x2 grid of dark navy cards. Each card shows a portrait photo with a pink offset border, a name, a pink role label, and short bio text.

Team generator

Tailwind Component #49

How it works component in Tailwind

Split-Screen Feature Section with Desk Photo and Numbered Points

A marketing feature section with a bold heading on the right and a 2x2 grid of numbered pink badges with placeholder paragraph text. The left side shows a framed photo of a desk setup with a pink offset border and yellow corner accents.

How it works generator

Tailwind Component #50

Tailwindcomponent preview
dark-applications generator

Tailwind Component #51

Content component in Tailwind

Pink Blog Article Header with Author and Hero Image

A blog article layout on a bold pink background with breadcrumb navigation, a large three-line heading with yellow accent word, author avatar and date, a framed hero photo with decorative offset borders, and stacked text callout blocks in yellow, dark, and light cards.

Content generator

Tailwind Component #52

Tailwindcomponent preview
dark-portfolio generator

Tailwind Component #53

How it works component in Tailwind

Split-Screen Feature Section with Numbered Points and Desk Photo

A marketing feature section on a solid pink background with a bold white heading and four numbered yellow-badge points in a two-column grid beside a framed photograph of a desk setup. The image is decorated with offset black shadow and yellow accent squares.

How it works generator

Tailwind Component #54

Pricing component in Tailwind

Bold Yellow Pricing Plans with Three Tiers and Monthly/Yearly Toggle

A pricing section on a yellow background with a heading, subtext, a Monthly/Yearly billing switch, and three plan cards (Starter, Pro, Premium) listing features and call-to-action buttons. The middle Pro card is highlighted in pink with a POPULAR badge and offset shadows give the cards a bold, high-contrast look.

Pricing generator

Tailwind Component #55

Tailwindcomponent preview
dark-navigations generator

Tailwind Component #56

Stats component in Tailwind

Four-Column Stats Row with Yellow Icon Tiles on Pink Background

A horizontal row of four identical stat items, each with a yellow square icon tile with black offset shadow, a bold white figure reading 600M, and two lines of uppercase white caption text. The layout is a simple evenly spaced horizontal row on a solid pink background.

Stats generator

Tailwind Component #57

Navigation (horizontal) component in Tailwind

NEUB Top Navigation Bar with Outlined Menu and Yellow CTA

A horizontal site header with a bold NEUB wordmark on the left, a boxed four-item menu (About, Work, Services, Contact) centered, and a yellow Get Started button with black offset shadow on the right, separated from content by a thick black rule.

Navigation (horizontal) generator

Tailwind Component #58

Footers component in Tailwind

Bold Pink Site Footer with Link Columns and Social Icons

A full-width pink footer with a NEUB brand block, tagline, and boxed social icons on the left, followed by four link columns (Company, Pages, Legal, Resources) with yellow underlines. A white divider and yellow copyright line sit at the bottom.

Footers generator

Tailwind Component #59

Features component in Tailwind

Six-Card Feature Grid with Pink Cards and Hard Black Shadows on Yellow Background

A 3-by-2 grid of pink feature cards on a yellow background, each with a bordered icon tile, bold uppercase heading, and body text. The cards use offset black drop shadows and sharp borders for a bold neo-brutalist look.

Features generator

Tailwind Component #60

Sign in / Sign up component in Tailwind

Split-screen hero with sign-up form and bold pink and yellow blocks

A split-screen hero section with a bold headline and body copy on a pink left panel, paired with a white create-account form on a yellow right panel. The form includes email, password, repeat password fields, a checkbox, and a pink GET STARTED button with a hard black shadow.

Sign in / Sign up generator

The easiest way to create beautiful websites

Annual Subscription

Create an account

OR USE EMAIL

VAT included where applicable. Invoices provided.

Why creators choose Shuffle

From idea to beautiful design in minutes.

Shuffle pairs an AI visual editor with 80+ UI libraries, so you can design, build and export production‑ready code without starting from scratch.

  • An AI Agent that builds with you Describe a page, watch it come to life, then fine-tune it visually or with a prompt.
  • Pick the best model for every task GPT-6 Astra, Claude Opus 5.5 and Gemini 4 Argon in one place.
  • 13,400+ professionally designed components Prefer building by hand? Drag in pixel-perfect sections crafted by professional designers.
  • Export to the stack you love Next.js, Astro, Laravel, WordPress, Shopify, static HTML and beyond.
“Its AI-powered features have transformed how I work! Designing and building websites has become faster, easier, and far more efficient.”
Est. 2019
Helping web builders ship since 2019 7 years of steady development.

Make it yours with AI

Start with this component. Tell AI what to change.

Original
Preview the original component.
Your Version
Available when your generation is complete.
Code
Available when your generation is complete.
Original component

Add images & videos

Upload an asset, then tell AI how to use it.

How it works

Your uploaded file will be added directly to the generated component. After uploading, you can guide the AI on where exactly to use it, e.g. as a logo or as a section image.

© 2026 Shuffle. All rights reserved.