NOTE: I am NOT affiliated with Linear.app, but just really like their website, and think rebuilding this with Tailwind can teach a lot to people. All of the images in /public/img are owned by Linear, they are only used as teaching material here.
This version is the end result of the first video. Any next part will also be committed in main, and extend this current version.
Visit the preview of what we build here.
- Part One: Setting up the project, building the header, main navigation, part of the hero component and the footer.
- Part Two: Building the super detailed animated hero on the homepage.
- Part Three: Building the client logo's and USP section.
- Part Four: Building the interactive shortcuts keyboard.
- Part Five: Building the command menu.
- Part Six: Building feature blocks with awesome gradients.
Run yarn or npm i to install the project. Next run yarn dev or npm run dev to view the project by clicking the link in the terminal.
See the LICENSE for more information about reusing this code.