Installation

How to use gettemplate templates in your project

Installation

Templates from gettemplate are designed to be easily integrated into any React or Next.js project.

Prerequisites

Make sure you have the following installed:

node >= 18.0.0
npm >= 9.0.0 or yarn >= 1.22.0

Create a New Project

npx create-next-app@latest my-project
cd my-project

Vite + React

npm create vite@latest my-project -- --template react
cd my-project

Install Dependencies

Most templates require these core dependencies:

npm install tailwindcss framer-motion lucide-react

For advanced animations:

npm install gsap @gsap/react

Configure Tailwind CSS

// tailwind.config.js
module.exports = {
  content: [
    "./pages/**/*.{js,jsx}",
    "./components/**/*.{js,jsx}",
    "./app/**/*.{js,jsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Using Templates

1.Browse templates at gettemplate.app/templates
2.Click on a template to preview
3.Copy the source code
4.Paste into your project
5.Customize as needed

That's it! You're ready to build amazing UIs.