https://github.com/yanguadotdev/pulse
A creative landing page concept built to explore design, motion, and brand storytelling. Focused on strong visuals, scroll-based effects, and bold copy. This is a personal practice project—refining skills, experimenting freely, and pushing boundaries.
https://github.com/yanguadotdev/pulse
Last synced: 12 months ago
JSON representation
A creative landing page concept built to explore design, motion, and brand storytelling. Focused on strong visuals, scroll-based effects, and bold copy. This is a personal practice project—refining skills, experimenting freely, and pushing boundaries.
- Host: GitHub
- URL: https://github.com/yanguadotdev/pulse
- Owner: yanguadotdev
- Created: 2025-05-31T04:37:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-01T21:31:40.000Z (about 1 year ago)
- Last Synced: 2025-06-01T21:40:28.698Z (about 1 year ago)
- Language: CSS
- Homepage: https://pulse-brand.netlify.app/
- Size: 390 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pulse — Scroll-based Animations with Vanilla JS
A visual concept brand and creative practice project where I recreate smooth scroll-based animations inspired by **Framer Motion**, using only **JavaScript**, **CSS**, and **HTML**, with zero frameworks.
## 🎯 Project Goal
This is a **learning project** focused on:
- Reproducing scroll-based animations and micro-interactions without libraries.
- Exploring creative branding concepts based on rhythm, discipline, and transformation.
- Improving structure, layout, and visual storytelling in a developer-friendly workflow.
## ✨ Features
- Scroll progress-based word reveal animation
- Horizontal scroll sections (slider-like)
- Noise background effect with CSS
- Card animations triggered by scroll
- Responsive design with custom typography
- Open Graph and SEO-ready meta tags
## 🚀 Technologies Used
- HTML5
- CSS3 (no preprocessor)
- JavaScript (Vanilla)
- Google Fonts — Bebas Neue & Inter
- Deployed on Netlify
## 🧠 Learning Focus
This repo is part of a larger personal initiative to:
- Level up animation techniques for web design
- Build reusable UI effects without relying on animation libraries
- Prepare a high-impact portfolio to start offering freelance web design/dev services
## 📌 Note
This project is **practice-only**, not a commercial product.
If you like the concept or want to collaborate, feel free to open an issue or reach out!