Expanded UI
This commit is contained in:
Aodhan
21
node_modules/framer-motion/LICENSE.md
generated
vendored
Normal file
21
node_modules/framer-motion/LICENSE.md
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2018 Framer B.V.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
110
node_modules/framer-motion/README.md
generated
vendored
Normal file
110
node_modules/framer-motion/README.md
generated
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
<p align="center">
|
||||
<img width="100" height="100" alt="Motion logo" src="https://github.com/user-attachments/assets/00d6d1c3-72c4-4c2f-a664-69da13182ffc" />
|
||||
</p>
|
||||
<h1 align="center">Motion for React</h1>
|
||||
|
||||
<br>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://www.npmjs.com/package/framer-motion" target="_blank">
|
||||
<img src="https://img.shields.io/npm/v/framer-motion.svg?style=flat-square" />
|
||||
</a>
|
||||
<a href="https://www.npmjs.com/package/framer-motion" target="_blank">
|
||||
<img src="https://img.shields.io/npm/dm/framer-motion.svg?style=flat-square" />
|
||||
</a>
|
||||
<a href="https://twitter.com/motiondotdev" target="_blank">
|
||||
<img src="https://img.shields.io/twitter/follow/framer.svg?style=social&label=Follow" />
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
|
||||
Motion for React is an open source, production-ready library that’s designed for all creative developers.
|
||||
|
||||
It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.
|
||||
|
||||
It looks like this:
|
||||
|
||||
```jsx
|
||||
<motion.div animate={{ x: 0 }} />
|
||||
```
|
||||
|
||||
It does all this:
|
||||
|
||||
- [Springs](https://motion.dev/docs/react-transitions#spring)
|
||||
- [Keyframes](https://motion.dev/docs/react-animation#keyframes)
|
||||
- [Layout animations](https://motion.dev/docs/react-layout-animations)
|
||||
- [Shared layout animations](https://motion.dev/docs/react-layout-animations#shared-layout-animations)
|
||||
- [Gestures (drag/tap/hover)](https://motion.dev/docs/react-gestures)
|
||||
- [Scroll animations](https://motion.dev/docs/react-scroll-animations)
|
||||
- [SVG paths](https://motion.dev/docs/react-animation#svg-line-drawing)
|
||||
- [Exit animations](https://motion.dev/docs/react-animation#exit-animations)
|
||||
- [Server-side rendering](https://motion.dev/docs/react-motion-component#server-side-rendering)
|
||||
- [Independent transforms](https://motion.dev/docs/react-motion-component#style)
|
||||
- [Orchestrate animations across components](https://motion.dev/docs/react-animation#orchestration)
|
||||
- [CSS variables](https://motion.dev/docs/react-animation#css-variables)
|
||||
|
||||
...and a whole lot more.
|
||||
|
||||
## Get started
|
||||
|
||||
### 🐇 Quick start
|
||||
|
||||
Install `motion` via your package manager:
|
||||
|
||||
```
|
||||
npm install motion
|
||||
```
|
||||
|
||||
Then import the `motion` component:
|
||||
|
||||
```jsx
|
||||
import { motion } from "motion/react"
|
||||
|
||||
export function Component({ isVisible }) {
|
||||
return <motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
|
||||
}
|
||||
```
|
||||
|
||||
### 💎 Contribute
|
||||
|
||||
- Want to contribute to Motion? Our [contributing guide](https://github.com/motiondivision/motion/blob/master/CONTRIBUTING.md) has you covered.
|
||||
|
||||
### 👩🏻⚖️ License
|
||||
|
||||
- Motion for React is MIT licensed.
|
||||
|
||||
## ✨ Sponsors
|
||||
|
||||
Motion is sustainable thanks to the kind support of its sponsors.
|
||||
|
||||
### Partners
|
||||
|
||||
#### Framer
|
||||
|
||||
Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.
|
||||
|
||||
<a href="https://www.framer.com?utm_source=motion-readme">
|
||||
<img alt="Framer" src="https://github.com/user-attachments/assets/0404c7a1-c29d-4785-89ae-aae315f3c759" width="300px" height="200px">
|
||||
</a>
|
||||
|
||||
### Platinum
|
||||
|
||||
<a href="https://tailwindcss.com"><img alt="Tailwind" src="https://github.com/user-attachments/assets/c0496f09-b8ee-4bc4-85ab-83a071bbbdec" width="300px" height="200px"></a> <a href="https://emilkowal.ski"><img alt="Emil Kowalski" src="https://github.com/user-attachments/assets/29f56b1a-37fb-4695-a6a6-151f6c24864f" width="300px" height="200px"></a> <a href="https://linear.app"><img alt="Linear" src="https://github.com/user-attachments/assets/a93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb" width="300px" height="200px"></a>
|
||||
|
||||
### Gold
|
||||
|
||||
<a href="https://vercel.com"><img alt="Vercel" src="https://github.com/user-attachments/assets/23cb1e37-fa67-49ad-8f77-7f4b8eaba325" width="225px" height="150px"></a> <a href="https://liveblocks.io"><img alt="Liveblocks" src="https://github.com/user-attachments/assets/31436a47-951e-4eab-9a68-bdd54ccf9444" width="225px" height="150px"></a> <a href="https://lu.ma"><img alt="Luma" src="https://github.com/user-attachments/assets/4fae0c9d-de0f-4042-9cd6-e07885d028a9" width="225px" height="150px"></a>
|
||||
|
||||
### Silver
|
||||
|
||||
<a href="https://www.frontend.fyi/?utm_source=motion"><img alt="Frontend.fyi" src="https://github.com/user-attachments/assets/07d23aa5-69db-44a0-849d-90177e6fc817" width="150px" height="100px"></a> <a href="https://firecrawl.dev"><img alt="Firecrawl" src="https://github.com/user-attachments/assets/cba90e54-1329-4353-8fba-85beef4d2ee9" width="150px" height="100px"></a> <a href="https://puzzmo.com"><img alt="Puzzmo" src="https://github.com/user-attachments/assets/aa2d5586-e5e2-43b9-8446-db456e4b0758" width="150px" height="100px"></a> <a href="https://buildui.com"><img alt="Build UI" src="https://github.com/user-attachments/assets/024bfcd5-50e8-4b3d-a115-d5c6d6030d1c" width="150px" height="100px"></a>
|
||||
|
||||
### Personal
|
||||
|
||||
- [OlegWock](https://sinja.io)
|
||||
- [Lambert Weller](https://github.com/l-mbert)
|
||||
- [Jake LeBoeuf](https://jklb.wf)
|
||||
- [Han Lee](https://github.com/hahnlee)
|
||||
1
node_modules/framer-motion/client/README.md
generated
vendored
Normal file
1
node_modules/framer-motion/client/README.md
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
This directory is a fallback for `exports["./client"]` in the root `framer-motion` `package.json`.
|
||||
6
node_modules/framer-motion/client/package.json
generated
vendored
Normal file
6
node_modules/framer-motion/client/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"private": true,
|
||||
"types": "../dist/types/client.d.ts",
|
||||
"main": "../dist/cjs/client.js",
|
||||
"module": "../dist/es/client.mjs"
|
||||
}
|
||||
1
node_modules/framer-motion/dom/README.md
generated
vendored
Normal file
1
node_modules/framer-motion/dom/README.md
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
This directory is a fallback for `exports["./dom"]` in the root `framer-motion` `package.json`.
|
||||
6
node_modules/framer-motion/dom/mini/package.json
generated
vendored
Normal file
6
node_modules/framer-motion/dom/mini/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"private": true,
|
||||
"types": "../../dist/dom-mini.d.ts",
|
||||
"main": "../../dist/cjs/dom-mini.js",
|
||||
"module": "../../dist/es/dom-mini.mjs"
|
||||
}
|
||||
6
node_modules/framer-motion/dom/package.json
generated
vendored
Normal file
6
node_modules/framer-motion/dom/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"private": true,
|
||||
"types": "../dist/dom.d.ts",
|
||||
"main": "../dist/cjs/dom.js",
|
||||
"module": "../dist/es/dom.mjs"
|
||||
}
|
||||
6
node_modules/framer-motion/m/package.json
generated
vendored
Normal file
6
node_modules/framer-motion/m/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"private": true,
|
||||
"types": "../dist/m.d.ts",
|
||||
"main": "../dist/cjs/m.js",
|
||||
"module": "../dist/es/m.mjs"
|
||||
}
|
||||
6
node_modules/framer-motion/mini/package.json
generated
vendored
Normal file
6
node_modules/framer-motion/mini/package.json
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"private": true,
|
||||
"types": "../dist/mini.d.ts",
|
||||
"main": "../dist/cjs/mini.js",
|
||||
"module": "../dist/es/mini.mjs"
|
||||
}
|
||||
146
node_modules/framer-motion/package.json
generated
vendored
Normal file
146
node_modules/framer-motion/package.json
generated
vendored
Normal file
@@ -0,0 +1,146 @@
|
||||
{
|
||||
"name": "framer-motion",
|
||||
"version": "12.18.1",
|
||||
"description": "A simple and powerful JavaScript animation library",
|
||||
"main": "dist/cjs/index.js",
|
||||
"module": "dist/es/index.mjs",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/types/index.d.ts",
|
||||
"require": "./dist/cjs/index.js",
|
||||
"import": "./dist/es/index.mjs",
|
||||
"default": "./dist/cjs/index.js"
|
||||
},
|
||||
"./debug": {
|
||||
"types": "./dist/debug.d.ts",
|
||||
"require": "./dist/cjs/debug.js",
|
||||
"import": "./dist/es/debug.mjs",
|
||||
"default": "./dist/cjs/debug.js"
|
||||
},
|
||||
"./dom/mini": {
|
||||
"types": "./dist/dom-mini.d.ts",
|
||||
"require": "./dist/cjs/dom-mini.js",
|
||||
"import": "./dist/es/dom-mini.mjs",
|
||||
"default": "./dist/cjs/dom-mini.js"
|
||||
},
|
||||
"./dom": {
|
||||
"types": "./dist/dom.d.ts",
|
||||
"require": "./dist/cjs/dom.js",
|
||||
"import": "./dist/es/dom.mjs",
|
||||
"default": "./dist/cjs/dom.js"
|
||||
},
|
||||
"./client": {
|
||||
"types": "./dist/types/client.d.ts",
|
||||
"require": "./dist/cjs/client.js",
|
||||
"import": "./dist/es/client.mjs",
|
||||
"default": "./dist/cjs/client.js"
|
||||
},
|
||||
"./m": {
|
||||
"types": "./dist/m.d.ts",
|
||||
"require": "./dist/cjs/m.js",
|
||||
"import": "./dist/es/m.mjs",
|
||||
"default": "./dist/cjs/m.js"
|
||||
},
|
||||
"./mini": {
|
||||
"types": "./dist/mini.d.ts",
|
||||
"require": "./dist/cjs/mini.js",
|
||||
"import": "./dist/es/mini.mjs",
|
||||
"default": "./dist/cjs/mini.js"
|
||||
},
|
||||
"./projection": {
|
||||
"import": "./dist/es/projection.mjs",
|
||||
"default": "./dist/es/projection.mjs"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"types": "dist/types/index.d.ts",
|
||||
"author": "Matt Perry",
|
||||
"license": "MIT",
|
||||
"repository": "https://github.com/motiondivision/motion/",
|
||||
"sideEffects": false,
|
||||
"keywords": [
|
||||
"react animation",
|
||||
"react",
|
||||
"pose",
|
||||
"react pose",
|
||||
"animation",
|
||||
"gestures",
|
||||
"drag",
|
||||
"spring",
|
||||
"popmotion",
|
||||
"framer",
|
||||
"waapi"
|
||||
],
|
||||
"scripts": {
|
||||
"eslint": "yarn run lint",
|
||||
"lint": "yarn eslint src/**/*.ts",
|
||||
"build": "yarn clean && tsc --noEmitOnError -p . && rollup -c && node ./scripts/check-bundle.js",
|
||||
"dev": "yarn watch",
|
||||
"clean": "rm -rf types dist lib",
|
||||
"test": "yarn test-server && yarn test-client",
|
||||
"test-client": "jest --config jest.config.json --max-workers=2",
|
||||
"test-server": "jest --config jest.config.ssr.json",
|
||||
"prettier": "prettier ./src/* --write",
|
||||
"watch": "concurrently -c blue,red -n tsc --noEmitOnError ,rollup --kill-others \"tsc --noEmitOnError --watch -p . --preserveWatchOutput\" \"rollup --config --watch --no-watch.clearScreen\"",
|
||||
"prepack": "yarn build && yarn measure",
|
||||
"postpublish": "git push --tags",
|
||||
"measure": "rollup -c ./rollup.size.config.mjs"
|
||||
},
|
||||
"dependencies": {
|
||||
"motion-dom": "^12.18.1",
|
||||
"motion-utils": "^12.18.1",
|
||||
"tslib": "^2.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@thednp/dommatrix": "^2.0.11",
|
||||
"@types/three": "0.137.0",
|
||||
"three": "0.137.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@emotion/is-prop-valid": "*",
|
||||
"react": "^18.0.0 || ^19.0.0",
|
||||
"react-dom": "^18.0.0 || ^19.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@emotion/is-prop-valid": {
|
||||
"optional": true
|
||||
},
|
||||
"react": {
|
||||
"optional": true
|
||||
},
|
||||
"react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
},
|
||||
"bundlesize": [
|
||||
{
|
||||
"path": "./dist/size-rollup-motion.js",
|
||||
"maxSize": "34.9 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-m.js",
|
||||
"maxSize": "6 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-dom-animation.js",
|
||||
"maxSize": "17.85 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-dom-max.js",
|
||||
"maxSize": "29.8 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-animate.js",
|
||||
"maxSize": "19.1 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-scroll.js",
|
||||
"maxSize": "5.2 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/size-rollup-waapi-animate.js",
|
||||
"maxSize": "2.26 kB"
|
||||
}
|
||||
],
|
||||
"gitHead": "f3102d56a0a1a84aab20563f97e7976b6c8612df"
|
||||
}
|
||||
Reference in New Issue
Block a user