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.0Create a New Project
Next.js (Recommended)
npx create-next-app@latest my-project
cd my-projectVite + React
npm create vite@latest my-project -- --template react
cd my-projectInstall Dependencies
Most templates require these core dependencies:
npm install tailwindcss framer-motion lucide-reactFor advanced animations:
npm install gsap @gsap/reactConfigure 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.
