Square Wave - Company Website Template
React / Next.js / Tailwind
Summary
Company website template with animated page elements during navigation.
Description
This is a template I created to serve as the basis for a company or project website. When accessing the website address, the navigation menu is loaded with an animation that forms the final image of a square made up of several squares in less than a second.
Some of these smaller squares are links to secondary pages, which contain information such as project/company description, team, contact, etc. To populate the website, I imagined a fictional design company, with a team and proposals for action.
Technical Specifications
The website features animations of elements triggered by navigation. The entire template is optimized for optimal performance and good responsiveness on desktop, tablet, or mobile.
The website has a minimalist style and the animations give it a fluid and relaxed feel. The animations are done using Framer Motion.
The website structure was written in Next.js 13, built on React 18. The font used was loaded from the Google Fonts repository.
Technologies
React
Next.js
Tailwind
Node.js
Framer Motion
back