Divyansh Swarnkar divv919
divv919
/ TargetingSystem.tsx
Created
December 3, 2025 13:23
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { animate } from "motion"; | |
| import { | |
| motion, | |
| MotionValue, | |
| useMotionTemplate, | |
| useMotionValue, | |
| useTransform, | |
| } from "motion/react"; |
divv919
/ MacBook.tsx
Created
November 29, 2025 10:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { easeInOut, motion, Transition, Variants } from "motion/react"; | |
| export default function FinalComponent() { | |
| return ( | |
| <motion.div | |
| variants={containerVariants} | |
| initial="close" | |
| animate="close" | |
| whileHover="open" | |
| className="h-150 rounded-lg w-130 bg-linear-180 from-[#303034] to-[#2a2a2f] backdrop-blur-lg shadow-[inset_0px_2px_1px_rgba(255,255,255,0.05),_0px_8px_12px_rgba(0,0,0,0.1)] relative flex flex-col gap-8" |
divv919
/ BookHover.tsx
Created
November 26, 2025 13:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { ExternalLink } from "lucide-react"; | |
| import { motion } from "motion/react"; | |
| import Image from "next/image"; | |
| export default function BookHover() { | |
| return ( | |
| <motion.div | |
| whileHover={{ |
divv919
/ TextReveal.tsx
Created
November 23, 2025 11:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { | |
| motion, | |
| useMotionValueEvent, | |
| useScroll, | |
| useTransform, | |
| } from "motion/react"; | |
| import { useRef, useState } from "react"; | |
| const PARAGRAPH = | |
| "In a world that rarely slows down, we often forget the quiet beauty hidden in everyday moments. A single breath, a drifting cloud, a soft beam of light slipping through a window—all of these carry stories we overlook. When we pause, the ordinary begins to unfold into something remarkable. Colors feel deeper, shadows stretch with intention, and even the smallest movements seem to whisper their own rhythm. This project is a reminder to notice what we often dismiss: the gentle pulse of life surrounding us at every second. Through shifting words and flowing motion, the animation invites you to step into a space where time feels lighter and thoughts move more freely. It encourages reflection, creativity, and a sense of calm curiosity. Sometimes, meaning isn’t found in grand gestures, but in the subtle patterns that shape our daily existence, wait |
divv919
/ Parallax.tsx
Created
November 23, 2025 10:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { | |
| IconActivityHeartbeat, | |
| IconAlertCircleFilled, | |
| } from "@tabler/icons-react"; | |
| import Image from "next/image"; | |
| import { | |
| motion, | |
| MotionValue, | |
| useMotionValueEvent, |
divv919
/ DockEffect.tsx
Created
November 22, 2025 16:04
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { | |
| motion, | |
| MotionValue, | |
| useMotionValue, | |
| useSpring, | |
| useTransform, | |
| useMotionValueEvent, | |
| } from "motion/react"; | |
| import { useEffect, useRef, useState } from "react"; |