Skip to content

Instantly share code, notes, and snippets.

export default () => <div>File one</div>; export default () => <div>File one</div>; export default () => <div>File one</div>;
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
--- a/tinder-swipe.framerfx/code/App.tsx
+++ b/tinder-swipe.framerfx/code/App.tsx
@@ -3,6 +3,7 @@ import { Override, useAnimation, useMotionValue, transform } from 'framer'
// Override Docs: https://framer.com/docs/overrides
window.log = console.log
+var cardCounts = 3 - 1
export function Card(): Override {
const anim = useAnimation()
const dragX = useMotionValue(0)
--- a/tinder-swipe.framerfx/code/App.tsx
+++ b/tinder-swipe.framerfx/code/App.tsx
@@ -1,4 +1,4 @@
-import { Override, useAnimation, useMotionValue } from 'framer'
+import { Override, useAnimation, useMotionValue, transform } from 'framer'
// Override Docs: https://framer.com/docs/overrides
window.log = console.log
@@ -20,10 +20,27 @@ export function Card(): Override {
x: dragX,
--- a/tinder-swipe.framerfx/code/App.tsx
+++ b/tinder-swipe.framerfx/code/App.tsx
@@ -1,10 +1,13 @@
-import { Override, useAnimation } from 'framer'
+import { Override, useAnimation, useMotionValue } from 'framer'
// Override Docs: https://framer.com/docs/overrides
window.log = console.log
export function Card(): Override {
--- a/tinder-swipe.framerfx/code/App.tsx
+++ b/tinder-swipe.framerfx/code/App.tsx
@@ -1,8 +1,10 @@
-import { Override } from 'framer'
+import { Override, useAnimation } from 'framer'
// Override Docs: https://framer.com/docs/overrides
+window.log = console.log
export function Card(): Override {
--- /dev/null
+++ b/tinder-swipe.framerfx/code/App.tsx
@@ -0,0 +1,16 @@
+import { Override } from 'framer'
+
+// Override Docs: https://framer.com/docs/overrides
+
+export function Card(): Override {
+ return {
+ drag: true,
--- a/adidas-landing.framerfx/code/App.tsx
+++ b/adidas-landing.framerfx/code/App.tsx
@@ -32,8 +32,12 @@ export function Scroll(): Override {
})
}
- // Label
+ // Label0
setLabel0Top(transform(move, [-50, -400], [40, 40 + 350]))
+ // Label1
--- a/adidas-landing.framerfx/code/App.tsx
+++ b/adidas-landing.framerfx/code/App.tsx
@@ -1,4 +1,5 @@
import { Override, useAnimation, transform } from 'framer'
+import { useState } from 'react'
// Override Docs: https://framer.com/docs/overrides
window.log = console.log
@@ -32,12 +33,7 @@ export function Scroll(): Override {
}
--- a/adidas-landing.framerfx/code/App.tsx
+++ b/adidas-landing.framerfx/code/App.tsx
@@ -1,4 +1,4 @@
-import { Override, useAnimation } from 'framer'
+import { Override, useAnimation, transform } from 'framer'
// Override Docs: https://framer.com/docs/overrides
window.log = console.log
@@ -30,6 +30,14 @@ export function Scroll(): Override {
bottom: 0,