Parallax Websites
Parallax scrolling is an animation technique which simulates 3D depth by moving the background slower than the layers in the foreground. In the last few year, this technique has been used in a million different ways, not just as a scrolling effect in navigation.
To achieve this effect, we have a ton of techniques and libraries to help, like Parallax.js (link http://matthew.wagerfield.com/parallax/), skrollr (link http://prinzhorn.github.io/skrollr/), Super Scrollorama, ScrollReveal.js, and more.
Best selection of Parallax Website examples for your inspiration.
-
-
-
-
-
PROMOTED
-
-
-
-
-
-
-
-
-
HMHonorable Mention
Apr 16, 2024 -
-
HMHonorable Mention
Apr 10, 2024 -
HMHonorable Mention
Apr 09, 2024 -
-
HMHonorable Mention
Apr 05, 2024 -
HMHonorable Mention
Apr 05, 2024 -
HMHonorable Mention
Apr 04, 2024 -
-
-
HMHonorable Mention
Apr 02, 2024 -
HMHonorable Mention
Apr 02, 2024 -
HMHonorable Mention
Apr 02, 2024 -
-
-
DEVDeveloper AwardSOTDSite Of The Day
Apr 02, 2024 -
DEVDeveloper AwardSOTDSite Of The Day
Mar 31, 2024 -
HMHonorable Mention
Mar 28, 2024 -
HMHonorable Mention
Mar 28, 2024
Inspiration
Academy
category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
tag
- Parallax
- 360
- 3D
- 404 pages
- About Page
- Animation
- App Style
- Big Background Images
- Clean
- Colorful
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Navigation Menu
- Photo & Video
- Photography
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- Typography
- UI design
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
technology
- 11ty
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- BARBA.js
- Backbone.js
- Blender
- Bootstrap
- CSS
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- CreateJS
- Curtains.js
- D3
- DatoCMS
- Debian
- Demandware
- Drupal
- Editor X
- Elementor
- Express
- FastClick
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer Motion
- GLSL
- GSAP Animation
- Gatsby
- Go
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Hammer.JS
- Handlebars
- Highway.js
- Hugo
- Javascript
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- Modernizr
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- React
- Readymag
- Rellax.js
- RequireJS
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Skrollr.js
- Snap.svg
- Socket.io
- Svelte
- Swiper.js
- Tailwind CSS
- Three.js
- Tilda
- Timber
- Twitter API
- Typekit
- Typescript
- Underscore.js
- Unity
- Unreal Engine
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- Webflow
- Webpack
- Windows Server
- WooCommerce
- Wordpress
- Yepnope
- YouTube API
- Zepto
- jQuery
- tween.js
country
- United States
- United Kingdom
- France
- Canada
- Italy
- Netherlands
- Germany
- Russia
- Australia
- Japan
- Ukraine
- Spain
- Poland
- Switzerland
- Brazil
- India
- Belgium
- Austria
- Greece
- Sweden
- Denmark
- Portugal
- Israel
- New Zealand
- Argentina
- Czech Republic
- Romania
- Turkey
- Serbia
- Norway
- Singapore
- Croatia
- Taiwan
- Latvia
- United Arab Emirates
- South Africa
- Lithuania
- Bulgaria
- South Korea
- Ireland
- Mexico
- Slovakia
- China
- Indonesia
- Malaysia
- Slovenia
- Hong Kong - Macau
- Vietnam
- Finland
- Malta
- Thailand
- Bangladesh
- Egypt
- Hungary
- Armenia
- Colombia
- Iceland
- Morocco
- Georgia
- Iran
- Cyprus
- Lebanon
- Belarus
- Chile
- Ecuador
- Kazakhstan
- Nigeria
- Saudi Arabia
- Uruguay
- Venezuela
- Estonia
- Philippines
- Peru
- Costa Rica
- Kenya
- Kosovo
- Luxembourg
- Montenegro
- Pakistan
- Albania
- Andorra
- Azerbaijan
- Bahrain
- Benin
- Bonaire
- Bosnia and Herzegovina
- Cameroon
- Faroe Islands
- Ghana
- Guatemala
- Guernsey
- Honduras
- Isle of Man
- Moldova
- Monaco
- North Macedonia
- Paraguay
- Qatar
- Réunion
- Sri Lanka
typography
- Helvetica
- DM
- Arial
- Avenir
- GT
- Aeonik
- Fa
- Apercu
- Barlow
- DIN
- Graphik
- Bebas
- Cormorant
- Futura
- Gilroy
- Canela
- Druk
- Gotham
- Cabin
- Circular
- Freight
- ABC
- Aktiv
- Euclid
- Archivo
- Basis
- ETmodules
- Editorial New
- Formula
- AT
- Acumin
- Baskervville
- Brandon
- Cera
- Clash
- Fira
- Founders
- General Sans
- Akzidenz
- Almarena
- Assistant
- Averta
- Axiforma
- Baskerville
- Bon
- Epilogue
- Garamond
- Generalsans
- Akkurat
- Albra
- Anton
- Antonio
- Arapey
- Archia
- Aventa
- Blacker
- Brown
- Cako
- Charter
- Ciutadella
- Degular
- Dela Gothic One
- Didot
- Domaine
- EB Garamond
- Exo
- FK
- Font
- Fraunces
- Garnett
- Humane
- Abel
- Adieu
- Adobe
- Agrandir
- Akrobat
- Ano
- Austin
- Ayer
- Be Vietnam Pro
- Beatrice
- Benton
- Biotif
- Bitter
- Bodoni Moda
- Brice
- Bulevar
- Butler
- Bw Gradual
- Cardo
- Catamaran
- Chakra Petch
- Chivo
- Cirka
- Commissioner
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier Prime
- Crimson
- Dahlia
- Dosis
- Editorialnew
- Everett
- Figtree
- Font awesome 5 brands 400
- Forum
- Gambetta
- Gellix
- Georgia
- Gilda Display
- Go
- Good Sans
- Googlesans
- Gothic MB101
- Great Vibes
- Gridular
- Grotesk
- Grtsk
- Gucci
- HK Grotesk
- Halyard
- Happy
- Heebo
- Hind
website_category
Filters
- Awards
- Popular
- Countries
- Font
- Color
- Categories