Nael M. Awadallah's repositories
AlterClass-ReactCarConfigurator
Starter code for the React Hooks course project
AnimatedCodeBackground
recreation of the hover effect seen on the customer grid on Evervault.
ar-3dmodel
Utilizzo della librearia React-Three-AR.js per la visualizzazione dei modelli 3D in Realtà Aumentata (AR).
automotive-configurator
A web demo app for configuring the visual look of a retail car using WebGL rendering. The project was created using ThreeJS WebGL library with model formats in glTF.
Bits-0f-C0de
Personal Blog site build with Next.js and Tailwind CSS.
codedrops
Effortlessly manage and organize your code snippets with CodeDrops.Visit codedrops.xyz to start saving time on your code management. 🚀
codeebox
A super cool code playground! 50 themes and Monaco editor!
DistortedLinkEffects
Some ideas for decorative link distortion effects using SVG filters.
elementor-developers-docs
Resources and tutorials for Elementor developers.
GooeyCursor
A gooey cursor background effect with SVG filters and CSS blend modes.
HoverEffectIdeas
Some inspiration and modern ideas for subtle hover effects.
Interactive3DMallMap
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.
MarqueeMenu
A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.
MusicalInteractions
Some experimental ideas for playful musical interactions powered by MIDI.js.
nextjs-corporate-starter
Strapi Demo application for Corporate Websites using Next.js
nike_landing_page
Dive into the world of Tailwind CSS, build a Nike website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.
RainEffect
Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.
Scroll3DGrid
On-scroll animations for perspective image grids with different layouts.
sketch-threejs
Interactive sketches made with three.js.
sketchfab-3d-product-configurator
3D product configurator with Sketchfab
SlicedTextEffect
A scroll-based sliced text animation
SlideshowAnimations
A collection of ideas for slideshow animations.
snippet-library
Save all your snippets at one place and share them with your colleagues whenever you want
SuperfluidLayout
Experimental reveal animations on typographic elements
VirtualTryOn
Virtually try custom eyeglasses on your smartphone.
webgl-speaker-configurator
3D Web - ReactJS speaker configurator made with Sketchfab viewer API.