Toolkits & Playground LAB

This is my digital sandbox and toolkit where I sculpt, stitch, and bring pixels to life. Have a play and let me know what you think. I'm always looking for new ways to push the boundaries.

All examples are made with standard HTML API's and Svelte and TailwindCSS (DaisyUI)

Svelte Components

Image Carousel

Access to the native file system API

Open directory

{
  "rootName": "",
  "directories": 0,
  "files": 0
}

{}

Input search with auto complete, defer and keyboard navigatio (WIP).

Play/Pause timeline

Play Speed (ms):

Example Markdown pages with interactive components MDsveX Full Example

Drag and drop with SortableJS

DB Todos with Postgres

Send Email

Tilting Content

Block

3D Playground

3D Nebula

And artistic representation of a space Nebula

ThreeJS Camera Controls

Running app with ThreeJS and Advance Camera Controls

Orthographic Camera

Orthographic camera with pan an zoom

Tools and Libraries included here

🤹 Any icon sets ~150 sets with over 200,000 icons, logos, emojis, etc.
Powered by Iconify, with auto install. Using Iconify and Icones App to find a place icons.