Darth-Knoppix/framer-motion-stories

Stars
8
Rank 2,099,232 (Top 42 %)
Language
JavaScript
Created over 4 years ago
Updated over 4 years ago

Darth-Knoppix/framer-motion-stories

Darth-Knoppix

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

Stories for articles on Benevolent Bytes on Framer Motion

next-page-transitions-framer-motion

Transitions between pages in a Next.js app using Framer

react-router-page-transitions

Animations between routes creating in React using Framer Motion.

example-react-fullscreen

Example of the Fullscreen API with React using hooks

loading-animation

Loading animations in Framer Motion

flask-graphql-react

Example of a Python Flask backend and GraphQL API with React frontend.

framer-motion-scroll-up-reveal

A sample reproducing an easy animation seen in the Behance app on iOS.

example-react-page-visibility

Example of the Page Visibility API with React using hooks

contextual

A simple sample app using the React 16 Context API.

example-react-resize-observer

An example of the Resize Observer API in React

ui-animation-tap-card

Achieve with animated state transitions with the useCycle hook

safari-theme-css

A test using prefers-color-scheme for Safari Preview

svg-slider-pose

SVG slider example with Pose for animation

traefik-mfe-deno

Routing to multiple services in docker compose with Traefik

godot-game-experiments

chat-pose-example

An example chat application with animations using Pose

elixir-exercises

Exercises in Elixir

houdini-css-paint

An example of the CSS Paint API

servy

Pragmatic Studio inspired web server in Elixir

react-window-example

An example of react-window

svelte-background-generator

A simple tool for making background blur in CSS

github-slideshow

A robot powered training repository 🤖

react-phone-show

Template component for showcasing concepts within a familiar little rectangle

svelte-media-session

An example of how to use the Media Session API

WithoutSalt

MDDN243 Project 3 Game 2014

next-prisma-seed-example

An example of how to seed data with Prisma and Next.js

python-exercises