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.
📙 Top Svelte Kit
Full stack SvelteKit template for several databases and frameworks:Ctw-kit
Components and utilities for Svelte and TailwindCSS (DaisyUI) npm: bun add ctw-kitSvelte Components
All examples are made with standard HTML API's and Svelte and TailwindCSS (DaisyUI)
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
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
Play Speed (ms):
Login Button with social providers
Example Markdown pages with interactive components MDsveX Full Example
Drag and drop with SortableJS
1
2
3
4
5
6
7
8
9
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.
Powered by Iconify, with auto install. Using Iconify and Icones App to find a place icons.
Framework
Design should have a meaning.
Engineering should have a purpose.
And ultimately, Technology should empower people.
Engineering should have a purpose.
And ultimately, Technology should empower people.