https://github.com/vitorserrano/next-tailwind-framermotion

🖥 Repositório para aprender como utilizar TailwindCSS no Nextjs e Framer Motion.
https://github.com/vitorserrano/next-tailwind-framermotion

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 9 days ago
JSON representation

🖥 Repositório para aprender como utilizar TailwindCSS no Nextjs e Framer Motion.

• Host: GitHub
• URL: https://github.com/vitorserrano/next-tailwind-framermotion
• Owner: vitorserrano
• License: mit
• Created: 2021-01-02T00:23:01.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-01-02T03:15:42.000Z (about 4 years ago)
• Last Synced: 2024-11-08T08:51:27.322Z (2 months ago)
• Topics: framer-motion, nextjs, reactjs, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 2.97 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  





  





  





  Next.js + TailwindCSS + Framer Motion





  Repositório para aprender a manipular TailwindCSS e animações com Framer Motion.



## :bookmark: Sobre

Este repositório é o resultado do workshop "Interfaces futurísticas com Next.js, TailwindCSS e Framer Motion" realizado durante o **#DOWhile2020** criado pela [Rocketseat](https://rocketseat.com.br/) e ministrado pelo [Guilherme Rodz](https://github.com/guilhermerodz).

Durante o workshop a Guilherme explica muito bem como utilizar o TailwindCSS dentro do Next.js para criar interfaces amigáveis e responsivas, também ensina a criar animações simples com o Framer Motion.

## :rocket: Tecnologias utilizadas

- [Next.js](https://nextjs.org/)

- [TailwindCSS](https://tailwindcss.com/)

- [Framer Motion](https://www.framer.com/motion/)

- [Typescript](https://www.typescriptlang.org/)

## ✅ Resultado