Margin, a Next.js template
developer portfolio
A single-column developer portfolio in light and dark. It opens on a dithered pixel-art landscape banner that shifts with the pointer, followed by a profile header with a live local clock, an intro paragraph with hover cards, an expandable work history, four project cards that scroll their screenshots on hover, a writing list, a Now board, a contribution calendar, a scrolling strip of tools, recent releases, a call button and contact links. All names, projects and figures are invented sample content.
- Developer Portfolio
- Advanced
- 1 page
- 12 sections
Inside the page
Screens from the live template. The first one is open to everyone; Pro unlocks the other 3.
What's in it
Sections, top to bottom
- 1Pixel Landscape Banner
- 2Profile Header
- 3Intro With Hover Cards
- 4Professional Experience
- 5Proof of Work
- 6Writing List
- 7Now Board
- 8Contribution Calendar
- 9Stack Marquee
- 10Recently Shipped
- 11Call Button
- 12Connect Links
Built in
- Dithered pixel-art landscape banner that parallaxes with the pointer, with a sun and clouds by day and a moon and stars by night
- Light and dark themes with a circular reveal when you switch, following the host class or the system setting
- Profile header with a live local clock and a presence dot
- Expandable work history with highlights and tool chips
- Project cards whose screenshots scroll on hover
- Contribution calendar that fills in as it scrolls into view, with a tooltip on every day
- Scrolling tool strip that pauses on hover and off screen
- One-click email copy, no web fonts and no icon package
Run it on your machine
Get the code
Get Pro or lifetime access, then download the source zip from this page.
Install
In the project folder:
$ npm installStart it
Then open localhost:3000.
$ npm run dev
More templates
See all templates
Make Margin yours
Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.