Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reaperdragon/framer-magic
https://github.com/reaperdragon/framer-magic
framer-motion javascript landing-page nextjs phosphoricons reactjs styled-components
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/reaperdragon/framer-magic
- Owner: reaperdragon
- Created: 2022-10-27T13:57:30.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-30T11:49:10.000Z (about 2 years ago)
- Last Synced: 2024-07-29T20:52:55.395Z (6 months ago)
- Topics: framer-motion, javascript, landing-page, nextjs, phosphoricons, reactjs, styled-components
- Language: JavaScript
- Homepage: https://framer-magic.vercel.app
- Size: 5.44 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Framer-Magic ✨
## This Project Built with Next Js, Styled-Components and Framer Motion.
### 🔗[Link](https://framer-magic.vercel.app/)
#### This Site is Originally built with only Framer - Link
#### I Will Keep Adding New Animations and Framer motion features to this Project.
### Stack
- Language: [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- Frontend : [Next Js](https://nextjs.org/)
- Style : [Styled-Components](https://styled-components.com/)
- Motion : [Framer Motion](https://www.framer.com/motion/)
- Fonts : [Google Fonts](https://fonts.google.com/)
- Icons : [Phosphor](https://phosphoricons.com/)
- Images : [Unsplash](https://unsplash.com/)
### Installation
#### Fork The Repo
Click on the Right Side of the Top Bar to After the Watch button. 
Now It will be available in GitHub Account.
#### OR
#### Clone
- Clone this repo with url
```shell
git clone https://github.com/Aakrut/framer-magic
```
##### Setup
> Install npm dependencies using npm install
```shell
cd framer-magic && npm install
```
Let's Run this command for dev
```shell
npm run dev
--or--
yarn dev
```
## Screenshot
