Browse 126 ready-made Tailwind CSS 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.
Tailwind CSS
NEUB
Full Shuffle Editor access for just $10
Great for quick projects and for testing everything Shuffle can do. One-time payment, not a subscription.
Get 7-Day PassNew to Shuffle? Try our tools:
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
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.
Build websites faster with an AI Visual Editor
© 2026 Shuffle. All rights reserved.
See what you're getting before you commit. We ship new updates every day.
Describe what you need in one chat and the Agent does the rest: it adds new sections, edits copy and styles, moves blocks around or removes them across your whole page. No modes, no switching, just tell it what to change.
Not quite there yet? Ask for tweaks like missing assets, your logo or other details, and regenerate the design without starting from scratch.
Ask Codex or Claude in your project, “How can I make the homepage convert better?”, then brainstorm, generate new designs with Shuffle right from your terminal, compare previews and bring the code you like straight into your project. (Read more)
