Pardeep(Portfolio)

99928-99385

pardeepverma9110@gmail.com

Hisar, Haryana, India

Home

About

Projects

Code

Tutorials

Story of first order

Discuss for Projects

Home

About

Projects

Code

Tutorials

Story of first order

Discuss for Projects

Story of first order

Grab Your Code…

Remove framer badage for free.

Add custom class in framer freely

import type { ComponentType } from "react";

export function withClass(Component): ComponentType {
	return (props) => {
	props.className += " your-class-name"; // Remember to add a space
	return <Component {...props} />

import type { ComponentType } from "react";

export function withClass(Component): ComponentType {
	return (props) => {
	props.className += " your-class-name"; // Remember to add a space
	return <Component {...props} />

Fix Auto-fill in forms

Lottie progress on page scroll

import type { ComponentType } from "react"
import { createRef, useEffect, useRef } from "react"
import { useScroll, useTransform, useSpring } from "framer-motion"

// Scrub through a Lottie animation by scrolling while it is in view
export function withScrolledProgressInView(Component): ComponentType {
    return (props: any) => {
        const ref = useRef(null)

        const { scrollYProgress } = useScroll({
            target: ref,
            offset: ["end", "start"],
            layoutEffect: false, // fix required for sticky elements
        })

        const animationSpeed = useSpring(scrollYProgress, {
            stiffness: 20,
            damping: 20,
            //mass: 3.7,
        })

        return (
            <div ref={ref} style={props.style}>
                <Component {...props} progress={animationSpeed} />
            </div>

import type { ComponentType } from "react"
import { createRef, useEffect, useRef } from "react"
import { useScroll, useTransform, useSpring } from "framer-motion"

// Scrub through a Lottie animation by scrolling while it is in view
export function withScrolledProgressInView(Component): ComponentType {
    return (props: any) => {
        const ref = useRef(null)

        const { scrollYProgress } = useScroll({
            target: ref,
            offset: ["end", "start"],
            layoutEffect: false, // fix required for sticky elements
        })

        const animationSpeed = useSpring(scrollYProgress, {
            stiffness: 20,
            damping: 20,
            //mass: 3.7,
        })

        return (
            <div ref={ref} style={props.style}>
                <Component {...props} progress={animationSpeed} />
            </div>

Remove center modal