Web Sketches Showcase

Welcome to the Web Sketches Showcase repository! Here, you'll find a collection of innovative and interactive web sketches designed to elevate user experiences to new heights. From captivating hover effects to immersive image motion trails, and dynamic custom cursor designs, each sketch offers a glimpse into the possibilities of modern web design.

Features:

• Diverse Interactivity: Explore a wide range of interactive elements, including hover effects, image motion trails, custom cursors, and more.
• Seamless Transitions: Experience smooth transitions and animations, enhancing user engagement and navigation fluidity.
• Customization Options: Discover sketches with customizable themes and backgrounds, allowing users to personalize their browsing experience.
• Infinite Loop Scrolling: Dive into the world of infinite loop scrolling, where dynamic animations and effects create captivating browsing experiences.

Sketches List:

• Sketch 001: Repetition Hover Effect (Round)
• Sketch 002: Repetition Hover Effect (Square)
• Sketch 003: Repetition Hover Effect (Rotated)
• Sketch 004: Repetition Hover Effect (Filter)
• Sketch 005: Image Motion Trail (Opaque)
• Sketch 006: Image Motion Trail (Semi-transparent)
• Sketch 007: Image Motion Trail (Rotation)
• Sketch 008: Image Motion Trail (Circle)
• Sketch 009: Image Motion Trail (Perspective)
• Sketch 010: Image Motion Trail (Perspective)
• Sketch 011: Custom Cursor (filled circle)
• Sketch 012: Custom Cursor (two circles, one filled)
• Sketch 013: Custom Cursor (two circles with filter effect)
• Sketch 014: Custom Cursor (filter effect and delayed motion)
• Sketch 015: Custom Cursor (multiple circles with filter effect)
• Sketch 016: Custom Cursor (filled circle with filter effect)
• Sketch 017: Custom Cursor (stroke circle with filter effect)
• Sketch 018: Custom Cursor (two circles with filter and delays)
• Sketch 019: Image Motion Effect with SVG Filter
• Sketch 020: Image Motion Effect with SVG Filter
• Sketch 021: SVG Path Page Transition (Vertical)
• Sketch 022: SVG Path Page Transition (Horizontal)
• Sketch 023: Background/Theme Picker
• Sketch 024: Infinite Loop Scrolling
• Sketch 025: Infinite Loop Scrolling (Horizontal)
• Sketch 026: Infinite Loop Scrolling (Animation)
• Sketch 027: Infinite Loop Scrolling (ScaleY and Opacity)
• Sketch 028: Infinite Loop Scrolling (ScaleX and ScaleY)
• Sketch 029: Infinite Loop Scrolling (3D)

Usage:

1. Clone the repository to your local machine.
2. Navigate to the desired sketch folder.
3. Open the index.html file in your web browser.
4. Interact with the sketch to experience its features firsthand.

Contributing:

• Contributions are welcome! If you have ideas for new sketches or improvements to existing ones, feel free to submit a pull request.
• Before contributing, please review the contribution guidelines.

License:

This repository is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments:

Images from

• MidJourney

Made with love keyboard by uzitrake