stormcloud266

import React from 'react'
import { useState } from 'react'
import { motion } from 'framer-motion'
import classnames from 'classnames'
import * as styles from './toggle.module.scss'

const iconVariants = {
	hidden: {
		scale: 0.7,
	},

stormcloud266

import React from 'react'
import { ScrollPercentage } from 'react-scroll-percentage'
import { motion, useMotionValue, useTransform } from 'framer-motion'

const BgZoom = () => {
	const x = useMotionValue()
	const background = useTransform(x, [0.5, 1], [1, 1.2])

	return (
		<ScrollPercentage as='div' onChange={(percentage) => x.set(percentage)}>

stormcloud266

{
	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	
	"Implicitly Returned Arrow Function": {
		"prefix": "iraf",
		"body": ["($1) => (", "\t$0", ")"]

stormcloud266

Web Dev Resources

A list of sites I have used throughout my web dev journey.

Icons ✨

• Font Awesome
• VividJS
• Orion Icon Library
• Feather Icons
• iconmonstr