Skip to content

Personal website layout that uses a flipping animation for navigation.

Notifications You must be signed in to change notification settings

bora-uyumazturk/flipsite

Repository files navigation

A business-card inspired personal website design. Visitors can navigate by clicking, dragging, and swiping the mouse. Note: Currently this runs best on Safari, and unfortunately is a bit of a mess on Chrome and Firefox.

Tools

In addition to the usual (TypeScript, React, and TailwindCSS), I used react-use-gesture for handling swipes and react-spring for animations. React-detect-device also ended up being very helpful.

Directions

To run locally, clone the repo and run yarn install && yarn start.

Caveats

Currently Firefox is unsupported due to issues involving the css backface-visibility property and scroll views.

About

Personal website layout that uses a flipping animation for navigation.

Resources

Stars

Watchers

Forks