Skip to content

Instantly share code, notes, and snippets.

View yaboynoem's full-sized avatar
🏠
Working from home

Khairul Naim yaboynoem

🏠
Working from home
View GitHub Profile
@yaboynoem
yaboynoem / Hamburger.tsx
Created July 6, 2022 23:21
animated sidebar on clicking hamburger using react and framer motion
import React, { ReactElement } from "react"
import { motion } from "framer-motion"
import { useSelector } from "react-redux"
//Components
import SideBar from "../SideBar/SideBar"
//Constants
import { EColor } from "Constants/Colors"
@yaboynoem
yaboynoem / ThemeChanger.styles.ts
Created July 6, 2022 23:07
Theme changer with react and framer motion
import styled from "styled-components"
export const ThemeChangerStyle = styled.div`
align-items: center;
border-radius: 5px;
cursor: pointer;
display: flex;
height: 40px;
justify-contents: center;
opacity: 1;
@yaboynoem
yaboynoem / Hamburger.styles.ts
Last active July 6, 2022 23:12
animated hamburger icon using react and framer motion
import styled from "styled-components"
export const SHamburgerContainer = styled.div`
position: relative;
`
export const SHamburgerBox = styled.div`
display: flex;
flex-direction: column;
justify-content: center;