MCPcopy Index your code
hub / github.com/Deep-Codes/framer-tinder-cards

github.com/Deep-Codes/framer-tinder-cards @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
15 symbols 36 edges 14 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Tinder Cards with Framer Motion

Try out the Demo!

https://user-images.githubusercontent.com/61158210/188274141-7cd10833-13ad-4b28-9341-75d46fd75652.mp4

Built with

  • Nextjs
  • Typescript
  • Framer motion

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

To run Playwright e2e Tests

yarn test

Extension points exported contracts — how you extend this code

CardProps (Interface)
(no doc)
types/index.d.ts
CounterProps (Interface)
(no doc)
components/Counter.tsx

Core symbols most depended-on inside this repo

removeCard
called by 3
pages/index.tsx
Counter
called by 0
components/Counter.tsx
Card
called by 0
components/Card.tsx
onDragEnd
called by 0
components/Card.tsx
Emoji
called by 0
components/Card.tsx
Title
called by 0
components/Card.tsx
MyApp
called by 0
pages/_app.tsx
Document
called by 0
pages/_document.tsx

Shape

Function 13
Interface 2

Languages

TypeScript100%

Modules by API surface

components/Card.tsx4 symbols
pages/index.tsx3 symbols
components/Counter.tsx2 symbols
types/index.d.ts1 symbols
pages/api/hello.ts1 symbols
pages/_document.tsx1 symbols
pages/_app.tsx1 symbols
icons/RotateIcon.tsx1 symbols
e2e/cards.spec.ts1 symbols

For agents

$ claude mcp add framer-tinder-cards \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact