Morpheme

Appearance

Starter Kits ​

Accelerate your development process with these versatile starter kits that provide a solid foundation for your projects.

Nuxt Kitchen Sink ​

Nuxt Kitchen Sink is a proof of concept (POC) that showcases the full range of capabilities of Morpheme UI and Morpheme Design System components. Explore this starter kit to discover the powerful features and design possibilities for creating exceptional applications.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Nuxt Kitchen Sink template.

Nuxt Minimal Starter ​

Nuxt Minimal Starter is a lightweight foundation for Nuxt projects that incorporates Tailwind CSS and Morpheme UI. This starter kit is perfect for quick prototyping, reproducing issues, or situations where you don't require additional plugins like Pinia or ESLint installed by default. If you need those plugins, you can easily install them yourself.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Nuxt Minimal template.

Nuxt App Starter ​

Nuxt App Starter is a comprehensive starter kit for Nuxt that includes everything you need to build modern web applications with Nuxt, Tailwind CSS, and Morpheme UI.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Nuxt Starter template.

Nuxt Admin ​

Nuxt Admin is an extensible admin template powered by Nuxt.js and Morpheme UI. This starter kit provides a robust foundation for building scalable and customizable admin interfaces.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Nuxt Admin template.

Nuxt Auth ​

Nuxt Auth is a theme for Nuxt that provides authentication functionality using @sidebar/nuxt-auth in combination with Morpheme UI. Use this starter kit to quickly implement authentication features in your Nuxt applications.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Nuxt Auth template.

Vue Starter ​

Vue Starter is a minimal starter kit that provides a foundation for Vue projects with Tailwind CSS and Morpheme UI. Use this starter kit to quickly set up your Vue applications.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Vue template.

Astro Starter ​

Astro Starter is a minimal starter kit for building websites with Astro and Morpheme.

To set up a new project with this starter, use the Morpheme CLI:

bash
npx create-morpheme-app@latest
npx create-morpheme-app@latest

Then, choose the Astro template.