Use design components — Nakshora from Zero (Nakshora 3.0)

Tutorials · Nakshora from Zero (Nakshora 3.0)Nakshora 3.0Updated 2026-09-152 tags

Drop in glass, neon or brutalist paradigms. Chapter 5 of 6 in the Nakshora 3.0 "Nakshora from Zero (Nakshora 3.0)" tutorial series.

Use design components — Nakshora from Zero (Nakshora 3.0) — Nakshora Docs — Tutorials · Nakshora from Zero (Nakshora 3.0) · Nakshora Docs editorial library

*Nakshora from Zero (Nakshora 3.0) — chapter 5 of 6.* Drop in glass, neon or brutalist paradigms.

What you will build#

Nakshora ships design paradigms as classes.

Step by step#

example

html

<div class="glass p-8 rounded-2xl max-w-md">
  <h2 class="font-bold text-lg">Glassmorphism</h2>
  <p class="mt-2 text-sm opacity-70">Zero-config frosted surfaces.</p>
</div>

Why it works#

Components encode opinions; utilities let you adjust them.

Try it yourself#

Swap glass for neon-card
Combine with hover-lift
Restyle padding via utilities

tutorials/index|All tutorials · tutorials/from-zero/states|← States and interactivity · tutorials/from-zero/shipping|Ship to production →

#tutorials #from-zero