• Home
  • Components
  • ObsidianUI
  • Docs
  • Templates
ObsidianUIObsidianUI
  • Installation
  • Install Next.js
  • Install Tailwind CSS
  • Add utilities
  • CLI
  • Components
  • AI Input
  • Animated Tab Bar
  • Apple Spotlight
  • Circle Menu
  • Creepy Button
  • Dialog Form
  • Eagle Vision
  • Expandable Bento Grid
  • Flip Fade Text
  • Flip Scroll
  • Flip Text
  • Floating Navigation
  • Flow Scroll
  • Folder Preview
  • Dock
  • Glitch Text
  • Glow Border Card
  • Glowing Effect
  • Glowing Scroll Indicator
  • Horizontal Scroll
  • Icon Wheel
  • Image Pile
  • Infinite Moving Cards
  • Interactive Book
  • Interest Picker
  • Jelly Loader
  • Leave Rating
  • Light Lines
  • Liquid Ocean
  • 3D Displacement Text
  • Magnet Tabs
  • Mask Cursor Effect
  • Masked Avatars
  • Masonry Grid
  • Neumorphism 3D Button
  • OTP Input
  • Perspective Grid
  • Photo Gallery
  • Pixelated Carousel
  • Pixelated Image Trail
  • Retro Pixel Button
  • Rolling Ball Scroll Indicator
  • Rubik Cube
  • Scroll Effect
  • Sine Wave
  • Social Flip Button
  • Spotlight Navbar
  • Stacked Logos
  • Staggered Grid
  • Testimonials Card
  • Trading Card
  • Hover Img
DocumentationInstall Next.js

Install Next.js

Create a new Next.js project with TypeScript, Tailwind CSS, ESLint, and App Router.


1

Create Project

Run the following command to create a new Next.js project:

npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias '@/*'

Navigate to your project directory:

cd my-app
Install Tailwind CSS
Made byAthrix.me❤️