Experimental

Signature

The visual signatures that set Nexigrid apart from a generic “Bootstrap” look. Applied automatically to ng-btn and ng-badge: 3px precision radius, premium padding and microtypography (weight 600, slight tracking). Fully token-based — no hardcoded values.

1 · Signature is the default — .ng-flat opts out

You don't enable anything: buttons and badges already carry the signature. Add .ng-flat on a single instance to drop back to a softer, neutral look.

index.html
<!-- signature is the default look -->
<button class="ng-btn ng-btn-primary">Signature</button>

<!-- opt-out per instance: softer, BS5-like -->
<button class="ng-btn ng-btn-primary ng-flat">Flat</button>
Live preview

2 · Hover bar (opt-in)

An animated bar on hover. Compose .ng-btn-bar with a position and a direction:

.ng-btn-bar.ng-btn-bar-top.ng-btn-bar-bottom.ng-btn-bar-center-out.ng-btn-bar-out-center.ng-btn-bar-ltr.ng-btn-bar-rtl
index.html
<!-- .ng-btn-bar + position + direction -->
<button class="ng-btn ng-btn-primary ng-btn-bar ng-btn-bar-bottom ng-btn-bar-center-out">Hover me</button>
Live preview (hover)

SCSS-only · experimental · imported after ng_button/ng_badge so it overrides their defaults.