Banani

Item: Banani
Rating: 7.2

AI tool that generates UI designs and prototypes from text.

7.2/10MABTU rating

DESKTOP · 1440 × 12,634/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, blue pill, prompt bar over blue screen wall944
02product demoGrey band with multi-screen weather app mockup1,404
03logo cloudTwo rows of grey brand logos
04featuresFour alternating splits with UI cards on 3D renders
05testimonialsMasonry of short text quotes1,687
06templatesScrolling row of coloured category cards864
07ctaFull-width 3D clay render with white button752
08faqTwo-column open Q&A list1,739
09resourcesBlog cards
10footerLink columns

Rating · Home

Visual design7.4

UX & clarity7.4

Originality7.2

Craft & consistency7.2

Motion5.5

Performance & a11y7.7

This page scores 7.2; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal 3D Product-UI-led FAQ accordion Horizontal scroll Logo cloud Marquee

Also: Google Analytics, Google Tag Manager

Design DNA

White and light grey page with a centred medium grotesk. The primary button is a sky-blue pill with an italic lowercase 'free'; the secondary is a black pill. The hero puts a prompt bar over a perspective wall of generated weather-app screens in blue. Features alternate left and right: small UI cards (prompt box, theme picker, share dialog) float on fuzzy 3D clay renders of green and pink blocks. Then: masonry text testimonials, a scrolling row of colour-coded template categories, a full-width 3D render CTA, a two-column FAQ, blog cards and a link-heavy footer.

Worth borrowing

Float small UI cards on soft fuzzy 3D renders instead of flat gradients.
An italic lowercase 'free' inside the CTA button label.
Colour-coded template category cards (SaaS, Android, iOS, Landing) in a scrolling row.