ruucm-working

import * as React from "react"
import * as p5 from "p5"
import { Frame, addPropertyControls, ControlType } from "framer"

const w = 375
const h = 812
const Y_AXIS = 1
const X_AXIS = 2
let b1, b2, c1, c2

ruucm-working

import React, {
  useState,
} from 'react'

function Example() {
  const [
    count,
    setCount,
  ] = useState(
    0

ruucm-working

export default () => <div>File one</div>;

ruucm-working

export default () => <div>File one</div>; export default () => <div>File one</div>; export default () => <div>File one</div>;

ruucm-working

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

ruucm-working

--- 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)

ruucm-working

--- 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,

ruucm-working

--- 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 {

ruucm-working

--- 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 {

ruucm-working

--- /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,