UI Lingo

Point at a style. Agree in one word.

ชี้สไตล์ที่ชอบ คุยกันจบในคำเดียว

Browse 97 interactive UI styles with web and mobile demos in Thai and English. Shortlist favourites with your project owner, then hand developers an audited prompt.

97styles
13pages per style
33Thai fonts
EN · THdemo content
  1. Explore

    Open styles side by side across landing, dashboard, form, article and mobile screens.

  2. Shortlist

    Heart the ones the owner likes and share one link to compare.

  3. Name it

    Agree on the style name and its keywords — the team vocabulary.

  4. Build

    Copy the audited prompt into any coding agent, for web or mobile.

By component →
97 styles
Bento Box Grid
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Bento Box Grid
“Bento tiles” · Sora + K2D

Everything is a tile: a modular, asymmetric grid of rounded boxes in mixed sizes and a few flat tints, held together by one tight, even gutter.

modular tilesmixed tile sizesasymmetric grid
Bento Grids (Apple-style)
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Bento Grids (Apple-style)
“Keynote bento” · Inter + Noto Sans Thai

The Apple keynote slide as a web page: big 28–32px rounded white tiles on a #F5F5F7 grey canvas, huge tight headlines and studio-lit product renders.

Apple keynote bentolight grey #F5F5F7 canvasbig rounded white tiles
Dark Mode (OLED)
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Dark Mode (OLED)
“True black” · Manrope + Anuphan

True #000 black canvas, hairline-defined surfaces, crisp off-white text and one desaturated accent — pixels off, content on.

true black #000OLED battery saverhairline borders
E-Ink / Paper
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
E-Ink / Paper
“Kindle page” · Literata + Maitree

Matte grey-white paper, ink-black book serif, pixel-dithered greys and zero animation — an interface that reads like an e-reader page.

matte paper backgroundink-black serifdithered greys
Exaggerated Minimalism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Exaggerated Minimalism
“Giant type, empty page” · Geist + Noto Sans Thai

Headlines blown up to poster size on an almost empty page — no boxes, no icons, one electric-blue accent.

giant headlineposter-size typeextreme whitespace
Flat Design
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Flat Design
“Flat UI” · Montserrat + Prompt

Pure 2D: solid colour blocks, no shadows, no gradients, no borders on cards — just bright flat fills, simple icons and clean type.

no shadowssolid colour blocksflat UI colours
Minimalism & Swiss Style
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Minimalism & Swiss Style
“Swiss grid” · Inter Tight + IBM Plex Sans Thai

A strict grid, a neutral grotesque, black on white and one signal red — clarity as the aesthetic.

strict gridflush-left typeneutral grotesque
Minimalist Monochrome
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Minimalist Monochrome
“Black & white editorial” · Bodoni Moda + Taviraj

Pure #000 on #FFF, a high-contrast didone display, hairline rules and whole sections flipped to black — fashion-editorial austerity with zero colour.

pure black and whitedidone serif headlinesinverted black sections
Quiet Luxury
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Quiet LuxuryNew
“Old money” · Cormorant Garamond + Trirong

Warm stone and cream, a light Garamond, tiny tracked capitals and wide margins — luxury that whispers, with no logos or loud colour.

cream and warm stonelight Garamond seriftiny tracked capitals
3D & Hyperrealism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
3D & Hyperrealism
“Rendered 3D” · Unbounded + Kanit

UI that looks rendered in a 3D studio: glossy spheres and slabs, thick bevelled buttons, deep perspective and dramatic spotlight on a dark stage.

rendered 3D objectsglossy spheresdeep perspective tilt
Claymorphism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Claymorphism
“Puffy clay” · Fredoka + Mitr

Chunky pastel shapes that look squeezed from modelling clay: huge radii, a bright inner highlight and a soft coloured shadow underneath.

puffy clay cardspastel fillshuge rounded corners
Dimensional Layering
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Dimensional Layering
“Stacked sheets” · Sora + K2D

Crisp cards stacked at clear elevations, with offset sheets peeking out underneath and a gentle 3D tilt on hover.

offset card stackspeeking sheets underneathclear elevation scale
Glassmorphism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Glassmorphism
“Frosted glass” · Plus Jakarta Sans + Anuphan

Translucent frosted panels floating over vivid colour blobs — depth through blur, not shadow.

frosted glassbackdrop blurtranslucent panels
Kawaii / Cute
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Kawaii / CuteNew
“Candy mascot” · Baloo 2 + Kodchasan

Pastel candy colours, everything round, little mascot faces and die-cut stickers — UI that smiles back.

pastel candy paletteround everythingmascot faces (dot eyes + blush)
Liquid Glass
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Liquid Glass
“Thick lens glass” · Geist + Noto Sans Thai

Thick, clear glass capsules with bright specular rims that float over vivid photography and bend the light behind them.

clear thick glassspecular rim highlightlens edge glow
Neumorphism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Neumorphism
“Soft extrude” · Nunito + Niramit

Everything is moulded from one soft grey-blue sheet: raised with a light and a dark shadow, pressed in with inset shadows.

same-colour surfacesdual light and dark shadowextruded buttons
Skeuomorphism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Skeuomorphism
“Real materials” · Bitter + Pridi

Interfaces dressed in real materials — stitched leather, brushed metal, linen, paper and glossy buttons — so every control looks like the object it replaces.

stitched leatherbrushed metal toolbarlinen background
Soft UI Evolution
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Soft UI Evolution
“Accessible soft” · Outfit + Noto Sans Thai

Neumorphism grown up: the same gentle dual-shadow depth, but on white cards with real borders, solid colour buttons and visible focus.

soft depth with borderswhite cards on cool greysubtle dual shadow
Tactile Digital / Deformable UI
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Tactile Digital / Deformable UI
“Jelly buttons” · Rubik + Kanit

Glossy jelly controls with chrome rims that squash and stretch under your finger — UI that feels like a soft toy.

jelly buttonssquash and stretchchrome rim
Acid Graphics
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Acid GraphicsNew
“Rave flyer” · Unbounded + K2D

Rave-flyer energy on black: liquid chrome type, neon acid green, warped fisheye grids and spiky starbursts.

liquid chrome typeneon acid green on blackwarped fisheye grid
Anti-Polish / Raw Aesthetic
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Anti-Polish / Raw Aesthetic
“Photocopy zine” · Permanent Marker + Sriracha

A photocopied zine: grainy recycled paper, masking tape, marker scribbles, rubber stamps and cut-out scraps placed slightly off-grid.

photocopy texturemasking tapemarker scribbles
Bauhaus
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Bauhaus
“Circle, square, triangle” · Jost + Prompt

Primary red, yellow and blue with black on paper — circles, squares and triangles composed like a 1920s school poster.

primary red yellow bluecircle square triangleblack bars and rules
Brutalism
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Brutalism
“Raw HTML” · Arimo + Noto Sans Thai

The browser’s defaults on purpose: Times and Arial, blue underlined links, 1px black boxes, grey bevel buttons and zero polish.

default browser fontsblue underlined linksTimes New Roman body
Dopamine Design
Hello, worldสวัสดีชาวโลก
Get startedเริ่มเลย
Dopamine DesignNew
“Happy brights” · Bricolage Grotesque + Mitr

Saturated orange, hot pink and lime on warm cream — squishy blob shapes, pill buttons and bouncy micro-animations that feel like a mood boost.

saturated happy coloursorange pink limeblob shapes

↑ ↓ to move · Enter to open · Esc to close