Nim

Nim — Free Minimal Personal Website Template

Nim is a free and open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives, designed to give developers, designers, and founders a minimal one-page portfolio with a built-in MDX blog.

What is Nim?

Nim is a single-page personal website template that combines a clean portfolio layout with a blog powered by MDX. It takes your content — edited as MDX files and the components in the one-page sections — and compiles it into a static or server-rendered Next.js site. The template runs on Next.js 15 with React 19, so it can be deployed to any hosting provider that supports Next.js, including Vercel. Nim is created by ibelick, the developer behind Motion-Primitives, and is available as a public GitHub repository.

What makes Nim stand out?

• Minimal one-page portfolio layout — The entire personal site lives on a single scrollable page, which keeps the design intentionally uncluttered.
• Blog support with MDX — Write posts as MDX files (Markdown with embedded JSX) without setting up a separate CMS or database.
• Motion-Primitives animations — Reusable animated components from Motion-Primitives deliver hover, reveal, and transition effects while keeping the code accessible.
• Responsive and accessible design — The template targets a responsive layout and includes accessibility-minded markup as stated in its README.
• Next.js 15 + React 19 stack — Uses the current major versions of Next.js and React, taking advantage of the App Router and modern React features.
• Tailwind CSS v4 styling — Utility-first CSS classes let you customize colors, spacing, and typography directly in the markup without writing custom CSS files.
• One-click Vercel deployment — The README's deploy button clones the repository, sets the NEXT_PUBLIC_SITE_URL environment variable, and publishes the site immediately.
• Simple setup — Getting started is three commands: git clone, npm install, and npm run dev, then view the site at http://localhost:3000.

Who should use Nim?

• Developers who want a professional personal site with a blog to document their projects and write technical articles without building a site from scratch.
• Designers who need a minimal, animation-forward portfolio to showcase their visual work and can customize the Tailwind classes to match their personal brand.
• Founders who want a polished personal branding page with minimal maintenance and a quick deployment path through Vercel.

What can you do with Nim?

• Developers: clone the repository, edit the one-page sections, and add MDX posts to publish a live portfolio on Vercel within minutes.
• Designers: use the built-in Motion-Primitives components as a starting point for animation ideas, then adapt the responsive layout for different screen sizes.
• Founders: deploy a branded personal site directly from the GitHub repository via the one-click Vercel button, which handles the required environment variable automatically.

How does Nim work?

The README outlines a straightforward workflow: clone the repository from GitHub, install dependencies with npm install, and start the development server with npm run dev. You then edit the page components and MDX content in your project, and Next.js builds the final site. For production, you can deploy to any Next.js-compatible platform, with Vercel offered as the easiest one-click option.

Pricing

Nim is free and open-source. The repository is public on GitHub, and there is no cost to use or modify the template. The author also offers Motion-Primitives Pro, a paid library of animated components, which Nim integrates with, but the template itself remains free.

FAQ

Is Nim free?

Yes, Nim is completely free and open-source. You can use it for personal or commercial projects without paying a license fee, and the code is publicly available on GitHub.

What tech stack does Nim use?

Nim is built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives. Blog content is written in MDX, so you can compose posts in Markdown with JSX components.

How do I deploy Nim?

You can deploy Nim to any hosting platform that supports Next.js. The README provides a one-click Vercel deploy button that clones the repository, sets the NEXT_PUBLIC_SITE_URL environment variable, and deploys the site automatically.

Does Nim include a blog?

Yes, Nim has blog support using MDX. You can create new posts as MDX files in the project and the site will render them without needing a separate content management system.