Welcome to my personal website!

Hi! This website is built with React + TypeScript + Vite, and being currently worked on.

Metaball

You can find the code for the metaball background in here.

Usage:

React.js, TypeScript, JavaScript

import  './metaball.js';

HTML

<script src="metaball.js"/>

Animal Clicks

You can find the code for cute animal cursor in here

Usage:

React.js, TypeScript, JavaScript

1. Import Library (You might need to add @ts-ignore)

//@ts-ignore
import  AnimalClicks  from  './index.js';

2. Define class

new AnimalClicks(['🦝'],
    2000, 1, 180, 2.5, 4.5, 0.075, 10, 10,
    {
    random: false,
    physics: true,
    fade: true,
    hideCursor: true
	},
	'24px'
);

HTML 3. Define class in index.js first

new AnimalClicks(['🦝'],
    2000, 1, 180, 2.5, 4.5, 0.075, 10, 10,
    {
    random: false,
    physics: true,
    fade: true,
    hideCursor: true
	},
	'24px'
);

4. Embed JavaScript

<script src="index.js"/>

Project Page

Currently under development for this page :)