Harris

Fun of life

[Harris @HarisMaster001]

@JulianGoldieSEO Yes

[Joshua Guo @jshguo]

Rebuilt it in @framer

[Praveen Kumar @praveenisomer]

ASCII + Dither Section

[𝐍𝐨𝐚𝐡 @noahelhadedy]

Design websites worth saving 👇

1. https://t.co/zRf8o6dChE
2. https://t.co/KoDZKijo8r
3. https://t.co/2R4gkQuQaP
4. https://t.co/vUvOS6K1mM
5. https://t.co/nQzLTKWXLQ
6. https://t.co/xoA9LxT4tF
7. https://t.co/hv1EAjfnXF
8. https://t.co/gYD6tp9xrf

Bookmark them for your next design project.

[Szymon @aecyydesign]

Sequency Visual Identity

[Praveen Kumar @praveenisomer]

ASCII Web Section

[Harris @HarisMaster001]

@EHuanglu After 6 months alll websites and mobile app looks identical 🤣🤣🤣🤣

[Harris @HarisMaster001]

@depressionlesss Cat. What the fk .,is that reaaal

[Harris @HarisMaster001]

@dyah10 Pixa

[Dominique @dyah10]

Turn Claude into the best creative agent in the world!

Our users generate over 1 billion images and videos every year.

Now Claude can too.

RT and comment "Pixa" for free access!

[tagee @tageecc]

Roughly, the idea is:

1. Images from Freepik
2. Video via Kling
3. Break it into frames (ezgif)
4. Vibe coding with Antigravity

---
Prompt: Cinematic Scrolltelling with Canvas & GSAP
Goal: Create a cinematic "Scrolltelling" effect in a React (TypeScript) application. The core idea is to play an image sequence (video frames) based on the user's scroll position, creating a high-performance video-like illusion controlled entirely by the mouse wheel.
Technical Stack:
Framework: React (TypeScript)
Styling: Tailwind CSS
Rendering: HTML5 <canvas>
Animation: GSAP (with ScrollToPlugin)
Detailed Requirements:
Frame Preloading & Loading State:Preload a sequence of 180 images (e.g., frame-001.jpg to frame-180.jpg) into a memory array before rendering starts.
Implement a "Loading Screen" overlay that displays the real-time percentage of loaded frames.

Canvas Rendering Logic:Use a fullscreen <canvas> element (fixed inset-0 w-full h-full).
Create a drawFrame(index) function to render the specific frame to the canvas.
Crucial: Implement a manual object-fit: cover logic using aspect ratio math so the images always fill the screen perfectly without distortion, regardless of window size.
Include a ZOOM_FACTOR variable (e.g., 1.35) in the draw calculation to slightly zoom into the frames, effectively hiding any baked-in black bars or letterboxing.

Scroll-to-Frame Mapping:Set the container height to 500vh to create a long scrollable area.
Listen for the scroll event and calculate a scrollFraction (0 to 1) based on window.scrollY and the maximum scrollable height.
Map this fraction to the frame index (0–179) and use requestAnimationFrame to trigger drawFrame for buttery-smooth performance.

Interactive Mouse Parallax:Add a mousemove event listener.
Use https://t.co/eFABsMWds7() to smoothly shift the canvas position in the opposite direction of the mouse movement to create a sense of 3D depth.
Apply a CSS scale: 1.05 to the canvas to ensure that its edges never become visible during the parallax offset.

Performance & UX:Ensure the canvas handles window resizing dynamically.
The background should remain solid black to maintain a cinematic atmosphere.
Use GSAP's ScrollToPlugin for smooth programmatic navigation (e.g., "Scroll to Top" buttons).

[Harris @HarisMaster001]

@shariar_design I dont get. This not works in realtiy.

[Harris @HarisMaster001]

@shariar_design Very clean copy

[Harris @HarisMaster001]

@NextGenAi5 @AI_with_jasmin Grok remove yourself

[Harris @HarisMaster001]

@claudeai Claude over usage issues twice in this month.

[Harris @HarisMaster001]

@claudeai Please work on your memory.

[Harris @HarisMaster001]

@ZarinaZabrisky @jaanus And USA killing humans with drones . Nothing new to us

[Yahyavision — Logo & Brand Designer @yahyavision]

Color palette of the day. Inspired by
@interiorsuckerr

[Željko Milivojević @byzeljko]

Recent hero sections

[Harris @HarisMaster001]

@mikefutia ADS