---
title: "Discussion on \"5 Framer Motion patterns I used building 5 React templates (with code)\" | Hashnode"
description: "Discussion on \"5 Framer Motion patterns I used building 5 React templates (with code)\". Over the last few weeks I built five website templates in React 18, Vite 5 and Framer Motion 11 — fashion, restaurant, SaaS, agency and wedding. No Tailwind, no TypeScript, just plain CSS and one cont"
url: "https://hashnode.com/posts/5-framer-motion-patterns-i-used-building-5-react-templates-with-code/6acba1fdc280f287fdea8d9d"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [5 Framer Motion patterns I used building 5 React templates (with code)](https://brandingup.hashnode.dev/5-framer-motion-patterns-i-used-building-5-react-templates-with-code?utm_source=hashnode&utm_medium=feed)

Over the last few weeks I built five website templates in React 18, Vite 5 and Framer Motion 11 — fashion, restaurant, SaaS, agency and wedding. No Tailwind, no TypeScript, just plain CSS and one cont

Oct 11 · 7 min read · brandingup.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#framer-motion](https://hashnode.com/tag/framer-motion)
-   [#css](https://hashnode.com/tag/css)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[BrandingUp Studio](https://hashnode.com/@brandingup)

@brandingup · Seoul, South Korea

  
[View profile](https://hashnode.com/@brandingup)

Solo designer-developer in Seoul. Framer components and React + Framer Motion templates.

Solo designer-developer in Seoul, running BrandingUp Studio. I build Framer code components and React + Framer Motion website templates, and write about the motion patterns behind them. More at brandingupstudio.com

## Responses

Markdown supported · ⌘↵ to post

No responses yet.