• Stars
    star
    13
  • Rank 1,512,713 (Top 30 %)
  • Language
    JavaScript
  • Created over 2 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Demo from "Animating an iMessage clone with Framer Motion's new layout mode!"

More Repositories

1

ios-apple-music-clone

JavaScript
335
star
2

talks

Code from various talks
JavaScript
103
star
3

samselikoff.com

Personal site
JavaScript
62
star
4

2022-05-11-tailwind-ui-interactive-calendar

JavaScript
47
star
5

2020-07-21-mobile-twitter-ui

JavaScript
36
star
6

egghead-tailwind-discord-course

Source for my Egghead course, "Craft Scalable, Custom-Made Interfaces with Tailwind CSS"
JavaScript
33
star
7

2022-06-09-resizable-panel

Demo from "Building a Resizable Panel with Framer Motion"
JavaScript
30
star
8

nextconf-2022-nested-layouts-by-example

JavaScript
26
star
9

2020-06-09-react-router-v6-navlink

JavaScript
24
star
10

2022-12-07-ios-16-slider

TypeScript
21
star
11

2024-02-09-instant-search-params-nextjs

TypeScript
21
star
12

2020-12-15-image-cropper

JavaScript
17
star
13

2022-01-21-suspense-error-boundaries

Source code for "Suspense and Error Boundaries in React 18"
JavaScript
16
star
14

2020-07-16-show-new-tweets

Demo from my "Buffering new Tweets with SWR" YouTube video
JavaScript
16
star
15

2023-05-30-radix-dialog

TypeScript
15
star
16

2023-08-07-responsive-framer-motion-with-tailwind

TypeScript
14
star
17

2021-11-04-revalidate-live-queries

Demo for my YouTube video "Revalidate Live Queries"
JavaScript
13
star
18

2022-08-04-animated-table

Demo from "Collapsible table rows with Framer Motion layout animations"
TypeScript
11
star
19

2020-08-05-animating-skeleton-screens-with-tailwind

JavaScript
10
star
20

2022-05-16-hoisting-state-to-url

Demo from my "Why you should lift component state up to the URL" YouTube video
JavaScript
10
star
21

2020-10-21-headless-ui

JavaScript
10
star
22

2023-02-17-radix-dropdown-reusable

Demo from "Refactoring a Radix Dropdown Menu"
TypeScript
10
star
23

2022-12-19-shared-header-data-fetching

Demo from "Server-side data fetching in Next.js 12 vs. 13"
TypeScript
9
star
24

2021-10-21-tailwind-ui-modal-framer-motion

Source code for my YouTube vid!
JavaScript
9
star
25

framer-motion-animated-slider

JavaScript
8
star
26

2022-06-02-animated-carousel

Demo from "How to declaratively animate a carousel"
JavaScript
8
star
27

2022-01-25-remove-state-effects-with-suspense

Source code for "Removing State and Effects with Suspense!"
JavaScript
7
star
28

2021-11-18-suspense

Source code for "A Quick Intro to Suspense in React 18"
JavaScript
7
star
29

animated-clock-example

TypeScript
6
star
30

2022-02-09-removing-loading-spinners

JavaScript
6
star
31

2023-01-22-radix-dropdown-framer-motion

Demo from "Animating a Radix Dropdown with Framer Motion"
TypeScript
6
star
32

2022-02-24-use-synchronized-animation

Source code for "Fixing Twitter's loading screen using Synchronized Animations in React"
JavaScript
6
star
33

2022-01-04-suspend-after-initial-render

Source code for "Suspending After Initial Render in Master-Detail Apps"
JavaScript
6
star
34

2022-01-31-reactive-state-and-suspense-with-valtio

Source code for "Reactive State and Built-In Suspense with Valtio"
JavaScript
5
star
35

2023-05-15-server-actions

JavaScript
4
star
36

2023-05-24-animated-counter

TypeScript
4
star
37

2022-07-01-ios-calculator-clone

Demo from "How to build an Animated Button with React Aria and Framer Motion"
JavaScript
4
star
38

recipes-next

JavaScript
3
star
39

fergusmeiklejohn-framer-motion-recipes

TypeScript
3
star
40

mirage-vue-demo

Vue
3
star
41

2024-03-06-framer-motion-spring-visualizer

TypeScript
3
star
42

2023-05-23-discord-nested-routes

TypeScript
2
star
43

2023-11-11-optimistic-ui-minimal

TypeScript
2
star
44

2024-10-20-use-animated-text-hook

TypeScript
2
star
45

fixed-header-teaser

JavaScript
2
star
46

2023-05-13-server-actions-test

TypeScript
2
star
47

demos

Demos
JavaScript
2
star
48

one-rep-max

JavaScript
2
star
49

prember-addon-docs-test

JavaScript
2
star
50

2022-02-08-use-sync-external-store

Source code for "How to safely use external state in Concurrent React"
HTML
2
star
51

2024-03-15-animated-bubble

TypeScript
2
star
52

allbirds-clone

TypeScript
2
star
53

radix-toast-remix

TypeScript
2
star
54

2020-04-24-swr-optimistic-updates

Demo app for my egghead video on SWR
JavaScript
2
star
55

2022-12-27-things-animation-demo

JavaScript
1
star
56

2023-04-08-react-aria-components

TypeScript
1
star
57

2023-01-31-framer-motion-css-var

TypeScript
1
star
58

mirage-vue-cypress

JavaScript
1
star
59

2023-06-12-animate-radix-dialog

TypeScript
1
star
60

2022-01-04-egghead-tailwind-discord-course-issue-1

JavaScript
1
star
61

flexbox-test

JavaScript
1
star
62

2022-04-12-rewrite-query-param-example

JavaScript
1
star
63

2023-08-01-animated-tabs-updates

TypeScript
1
star
64

example-ember-cli-ui-components

proof of concept
JavaScript
1
star
65

2024-04-08-codemirror-vercel-test

TypeScript
1
star
66

2024-05-29-instagram-carousel

TypeScript
1
star
67

2024-05-24-radial-wave-framer-motion

TypeScript
1
star
68

2024-03-28-use-progress-examples

TypeScript
1
star
69

gatsby-image-in-mdx-bug

CSS
1
star
70

framer-motion-drag-use-layout-effect-bug

JavaScript
1
star
71

next-13-router-link-error

JavaScript
1
star
72

2024-03-09-remix-shiki

TypeScript
1
star
73

2023-02-06-copy-tooltip

TypeScript
1
star
74

2024-01-11-radix-slider-rubberband

TypeScript
1
star
75

d3.chart.barchart

A simple bar chart built with d3.chart
JavaScript
1
star