abdallahz3

type-challenges

Collection of TypeScript type challenges with online judge

pretty-ts-errors

🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀

arktype

TypeScript's 1:1 validator, optimized from editor to runtime

ArtLine

A Deep Learning based project for creating line art portraits.

ark

A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.

tailwindcss-radix

Utilities and variants for styling Radix state

killport

A command-line tool to easily kill processes running on a specified port.

warrant

Warrant is a highly scalable, centralized authorization service based on Google Zanzibar. Use it to define, enforce, query, and audit application authorization and access control.

netflx-web

An open source Netflix clone built using the new app router, server components, trpc, and everything new in Next.js 13.

shader-park-core

A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark

website

My portfolio 👋

unlazy

🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

shadergradient

next-route-visualizer

b3dsdf

🛠️ A toolkit of 2D/3D distance functions, sdf/vector ops and various utility shader nodegroups (160+) for Blender 2.83+. Also available as an addon which adds a menu in the shader editor.

processing-animations-code

A set of Processing animations, which have commented code

twitter-ui-practise

Twitter UI is a beast to style. Practise with Next JS, Tailwind CSS, Radix UI and Storybook.

three-story-controls

A three.js camera toolkit for creating interactive 3d stories

min-max-calculator

A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.

space

Productivity & Management app

remix.infonomic.io

A Remix demo app with CSS, Tailwind, Radix UI and other headless UI components.

SketchyRenderer

A third person game made in Godot with a sketchy screen shader.

cyandev.io

My personal website.

eventbase

event platform, built for base case capital

website-thomas-remix

3d-multistep-contact-form

3D animated multi-step contact form made with React Three Fiber, Next.JS, Framer-Motion, and Zustand.

react-fractal-renderer

🌀 An open-source fractal renderer with React, TypeScript and WebGL components.

tethrees.js

Tetris in Three.js!

dragup

A React Three Fiber & Framer Motion based timer that uses a 3D moon model to visual the amount of time left. Drag up on a number to start.

playground