Gallery 115 styles
- ⇆ Adjuststyle: texture-grain-noise-overlay097Noise overlayDesign · UI/UXFine colored digital noise is laid over everything.
- ⇆ Adjuststyle: texture-lighting-hard-drop-shadow098Hard drop shadowDesign · UI/UXA solid, unblurred shadow is offset diagonally.
- style: texture-lighting-no-shadows099No shadowsDesign · UI/UXNo shadows at all; only flat shapes.
- ⇆ Adjuststyle: texture-transparency-backdrop-blur100Backdrop blurDesign · UI/UXA UI card strongly blurs what is behind it, edged by a thin border.
- ⇆ Adjuststyle: texture-transparency-frosted-glass101Frosted glassDesign · UI/UX · 3DCGShapes behind are blurred and grainy.
- style: texture-transparency-opaque102OpaqueDesign · UI/UX · 3DCGA panel that hides everything behind it.
- style: texture-transparency-refraction103RefractionDesign · UI/UX · 3DCGShapes behind bend and flip as they pass through a clear lens.
- ⇆ Adjuststyle: texture-transparency-translucent104TranslucentDesign · UI/UX · 3DCGShapes behind show through a tinted panel.
- ▶style: game-status-ui105Game status UIUI/UX · MotionAsymmetric panels with slanted cuts, holding stat bars and icons, as in a game status screen.
- style: glassmorphism106GlassmorphismUI/UX · DesignFrosted-glass UI panels: translucent cards with background blur, thin light borders, floating over vivid gradients.
- style: neo-brutalism107Neo-BrutalismUI/UX · DesignLoud, raw web UI: thick black borders, hard offset shadows, flat saturated fills and unapologetic type.
- ▶style: sci-fi-hud108Sci-fi HUDUI/UX · MotionThe analysis displays of science-fiction films: thin glowing rings, ticks and readouts.
- ▶style: uiux-state-dots-loader109Dots loaderUI/UX · MotionThree dots in a row that light up in turn while something loads.
- ▶style: uiux-state-progress-bar110Progress barUI/UX · MotionA horizontal track that fills from the left to show how much is done.
- ▶style: uiux-state-skeleton-screen111Skeleton screenUI/UX · MotionGrey placeholder shapes show the layout of the content before it loads.
- ▶style: uiux-state-spinner112SpinnerUI/UX · MotionA partial ring that keeps spinning while something loads.
- ▶style: audio-spectrum113Audio spectrumMotion · Design · UI/UXShows the strength of each sound frequency as a row of bars or a circular waveform.
- ▶style: holographic-grid114Holographic gridMotion · 3DCG · UI/UXA glowing grid receding into depth, with wireframe objects assembling above it like a hologram.
- ▶style: machine-vision115Machine visionMotion · UI/UX · 3DCGThe world shown the way a computer perceives it: detection boxes, labels and false-color analysis passes.