Next.js

Design

Components for nextjs.org

Typography

Modular Scale

XXXL - Heading 0

XXL - Heading 1

XL - Heading 2

LG - Heading 3

MD - Heading 4

SM - Heading 5

XS - Heading 6

BASE - This is a paragraph.

Button & Link

Normal Button

Learn Next.js

Inverted Button

Learn Next.js

External Link

https://zeit.co

Popover

Default

👋 Hover me!
The tooltip will auto position
when there is no room to display.

Positioning

Top (auto)
The tooltip will auto position
when there is no room to display.
/
Bottom
The tooltip will auto position
when there is no room to display.
/
Left
The tooltip will auto position
when there is no room to display.
/
Right
The tooltip will auto position
when there is no room to display.
/
Bottom-left
The tooltip will auto position
when there is no room to display.
/
Bottom-right
The tooltip will auto position
when there is no room to display.

Tab

Default

ReactVueAngular

React

Invert

Small

ReactVueAngular

React

Light

React

ReactVueAngular