ryanwiemer / Gatsby Using Page Transitions
Licence: mit
Gatsby example site using page transitions
Stars: ✭ 88
Projects that are alternatives of or similar to Gatsby Using Page Transitions
Taniarascia.com
💾 Personal website running on Gatsby, React, and Node.js.
Stars: ✭ 1,183 (+1244.32%)
Mutual labels: gatsby
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+1290.91%)
Mutual labels: gatsby
Gatsby Bulma Quickstart
🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.
Stars: ✭ 84 (-4.55%)
Mutual labels: gatsby
Chaseohlson
🤠 My website, built with Gatsby, Styled-Components & DatoCMS
Stars: ✭ 75 (-14.77%)
Mutual labels: gatsby
Reactime
Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).
Stars: ✭ 1,219 (+1285.23%)
Mutual labels: gatsby
Gatsby Starter Docz
📝 Gatsby starter with Docz and a blog for your documentation
Stars: ✭ 81 (-7.95%)
Mutual labels: gatsby
Gatsby Starter Typescript Rebass Netlifycms
My default Gatsby setup. Includes rich MDX support.
Stars: ✭ 79 (-10.23%)
Mutual labels: gatsby
Risingstars2016
A complete overview of the JavaScript landscape in 2016: trends about front-end and node.js frameworks, tooling... Available in English, Japanese and Chinese.
Stars: ✭ 75 (-14.77%)
Mutual labels: gatsby
Gatsby Themes
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
Stars: ✭ 1,208 (+1272.73%)
Mutual labels: gatsby
Gatsby With Unstructured Data
A simple example of creating pages dynamically in Gatsby without using GraphQL.
Stars: ✭ 83 (-5.68%)
Mutual labels: gatsby
Gatsby Starter Tyra
Tyra - Feminine Gatsby Starter optimized for SEO
Stars: ✭ 74 (-15.91%)
Mutual labels: gatsby
Gatsby Plugin Google Fonts
Bring Google Fonts to Gatsby https://www.gatsbyjs.org/
Stars: ✭ 84 (-4.55%)
Mutual labels: gatsby
Gatsby Theme Try Ghost
A Gatsby theme to build flaring fast blogs from headless Ghost CMS
Stars: ✭ 88 (+0%)
Mutual labels: gatsby
Gatsby Mdx Netlify Cms Starter
Gatsby-MDX with Netlify CMS. Support React components in your CMS editor!
Stars: ✭ 84 (-4.55%)
Mutual labels: gatsby
gatsby-using-page-transitions
Gatsby example site using page transitions
- This example uses
Framer Motion
for a default page transition as well as more complex individual animations that can be triggered when the page is mounted. - The Layout component is manually wrapped around pages via
wrapPageElement
ingatsby-browser.js
. Alternatively gatsby-plugin-layout could be used to achieve a similar result. - The scroll position is manually set in
gatsby-browser.js
in order to delay scrolling to the top of the page until after the default page transition.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].