# Nitrogen (UI components & kits)

> Nitrogen is a free, open-source UI component library built with Vue, Nuxt and Tailwind CSS. A Nuxt 4 Shopify template based on Hydrogen. It has 310 GitHub stars and is released under the MIT license, and GitHub's Use this template button creates your own copy in one click.

Nitrogen is a Nuxt template inspired by Shopify's Hydrogen framework for headless commerce. This template is designed to empower Nuxt developers to build fast, scalable, and customizable storefronts that incorporate key features from Hydrogen's starter theme.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/rylanharper/nitrogen |
| Built with | Vue, Nuxt, Tailwind CSS, TypeScript |
| Live demo | https://nitrogen.rylanharper.workers.dev |
| GitHub template repository | yes (Use this template) |
| GitHub stars | 310 |
| License | MIT |
| Language | Vue |
| Official | no |
| Category | UI components & kits |
| Latest release | none |
| Last commit | Jun 12, 2026 |

## Get started

Use this template on GitHub: https://github.com/rylanharper/nitrogen/generate

### Copy with degit

```sh
npx degit rylanharper/nitrogen my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/rylanharper/nitrogen.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [shadcn/ui](https://appsgit.com/templates/shadcn-ui): Composable, accessible components with thoughtful defaults. (125,265 stars, MIT, official)
- [Ant Design](https://appsgit.com/templates/ant-design): An enterprise-class UI design language and React UI library. (99,704 stars, MIT, official)
- [Material UI](https://appsgit.com/templates/material-ui): Material UI: Comprehensive React component library that implements Google's Material Design. (99,142 stars, MIT, official)
- [daisyUI](https://appsgit.com/templates/daisyui): The most popular, free and open-source Tailwind CSS component library. (42,554 stars, MIT, official)
- [Chakra UI](https://appsgit.com/templates/chakra-ui): Chakra UI is a component system for building SaaS products with speed. (40,676 stars, MIT, official)
- [HeroUI](https://appsgit.com/templates/heroui): Beautiful, fast and modern React UI library. (30,882 stars, Apache-2.0, official)

---

Canonical page: https://appsgit.com/templates/nitrogen
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.