gabxyzgabxyz
2

Next App Themes

screenshot of Next App Themes

Next.js starter template with themes support in the new app directory

GithubDemo

Overview

The "next-app-themes" is a basic Next.js starter template that comes with theme support in the new app directory. It utilizes various technologies and packages such as Next.js, Typescript, TailwindCSS, UI Radix, Primitives, Colors, Framer Motion, Lucide Icons, and more. The template provides a convenient solution for implementing themes in Next.js applications.

Features

  • Next.js: The template is built on top of the Next.js framework, providing a solid foundation for building React applications.
  • Typescript: It leverages Typescript for strong typing and improved code quality.
  • TailwindCSS: TailwindCSS is used for styling and provides a comprehensive utility class system.
  • UI Radix: The template utilizes UI Radix for building UI components and primitives.
  • Radix Primitives: Radix Primitives are employed for creating highly customizable UI elements.
  • Radix Colors: Radix Colors provides a color system that simplifies styling with support for light and dark modes.
  • Framer Motion: Framer Motion is utilized for animations in the template.
  • Lucide Icons: The template includes the Lucide Icons library for easily adding icons to the application.
  • Plugins: Several plugins are included, such as "windy-radix-palette", "tailwindcss-radix", "prettier-plugin-tailwindcss", "simple-import-sort", and more.
  • Utilities: The template includes additional utilities like "next-themes", "clsx", "prettier", "eslint", and more.
  • Vercel Analytics: Vercel Analytics is integrated for tracking and analyzing the usage of the application.
  • Custom Transitions: The template also provides custom transitions from the Carbon Design System.

Summary

The "next-app-themes" is a Next.js starter template with theme support in the new app directory. It includes a range of features and technologies such as Next.js, Typescript, TailwindCSS, UI Radix, Primitives, Colors, Framer Motion, Lucide Icons, and more. The template simplifies the implementation of themes in Next.js applications and provides a solid foundation for building responsive and visually appealing web applications.