https://github.com/akdevv/framer-snippets
Reusable Framer Motion components and snippets for animations, effects, and interactions.
https://github.com/akdevv/framer-snippets
animations framer-motion react scroll-effects
Last synced: over 1 year ago
JSON representation
Reusable Framer Motion components and snippets for animations, effects, and interactions.
- Host: GitHub
- URL: https://github.com/akdevv/framer-snippets
- Owner: akdevv
- License: mit
- Created: 2025-01-02T07:16:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-02T07:45:28.000Z (over 1 year ago)
- Last Synced: 2025-01-02T08:30:23.044Z (over 1 year ago)
- Topics: animations, framer-motion, react, scroll-effects
- Homepage:
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Framer Snippets
Welcome to **Framer Snippets**! 🚀\
A collection of reusable and creative **Framer Motion** components and snippets designed to simplify animations and interactions in your projects. Each snippet is organized into its own folder, making it easy to explore, copy, and customize.
---
## 📋 Snippets List
| Snippet Name | Description |
| ---------------------------- | ------------------------------------------------------------------------ |
| smooth-scroll-cards-parallax | A Lenis Scroll and Framer Motion-powered parallax animation for Next.js. |
---
## 🚀 How to Use
1. **Clone this repository:**
```bash
git clone https://github.com/akdevv/framer-snippets.git
```
2. **Navigate to a snippet folder:**
```bash
cd framer-snippets/folder-name
```
3. **Install dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm start
```
---
## 📚 Detailed Documentation
Each snippet includes its own **README.md** inside the folder, providing in-depth explanations, code breakdowns, and examples. Refer to these for specific implementation details.
---
## 🌟 Contributions
We welcome contributions! 🚀\
Feel free to submit pull requests if you have new snippets, improvements, or fixes to share. Let's build a powerful resource together!
---
## 📄 License
This project is licensed under the **MIT License**.
---
Happy Animating! ✨