- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- Responsive Design
- 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
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- 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
- Cables
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- CreateJS
- Curtains.js
- D3
- DatoCMS
- Debian
- Demandware
- Directus
- Docker
- 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
- Ink
- Javascript
- Knockout
- Lambda
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- Modernizr
- MongoDB
- Morphic
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- Optimizely
- P5.js
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- Raphael.js
- React
- Readymag
- Redux
- 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
- Unreal Engine
- VR
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- WebVR
- Webflow
- Webpack
- WooCommerce
- Wordpress
- Yepnope
- YouTube API
- jQuery
- tween.js
-
Country
- United States
- United Kingdom
- France
- Germany
- Italy
- Canada
- Australia
- Netherlands
- Switzerland
- Spain
- Poland
- Japan
- Russia
- Austria
- Sweden
- Belgium
- India
- Denmark
- Ukraine
- Brazil
- Portugal
- New Zealand
- Czech Republic
- Norway
- Greece
- Turkey
- Romania
- Ireland
- Israel
- Croatia
- Singapore
- South Africa
- United Arab Emirates
- Argentina
- Hong Kong - Macau
- Serbia
- Finland
- Taiwan
- Slovakia
- Lithuania
- Slovenia
- China
- Mexico
- South Korea
- Bulgaria
- Latvia
- Estonia
- Thailand
- Georgia
- Indonesia
- Bangladesh
- Hungary
- Malaysia
- Chile
- Iceland
- Vietnam
- Malta
- Colombia
- Armenia
- Philippines
- Moldova
- Belarus
- Cyprus
- Luxembourg
- Sri Lanka
- Lebanon
- Morocco
- North Macedonia
- Saudi Arabia
- Ecuador
- Egypt
- Iran
- Pakistan
- Kazakhstan
- Kosovo
- Uruguay
- Nigeria
- Bosnia and Herzegovina
- Mauritius Island
- Peru
- Andorra
- Bahrain
- Costa Rica
- Dominican Republic
- Puerto Rico
- Tanzania
- Venezuela
- Albania
- Azerbaijan
- Nepal
- Qatar
- Réunion
- Afghanistan
- Barbados
- Cook Islands
- Guatemala
- Panama
- Algeria
- Aruba
- Belize
- Brunei
- Cambodia
- French Polynesia
- Ghana
- Guernsey
- Honduras
- Isle of Man
- Jamaica
- Jordan
- Kenya
- Kyrgyzstan
- Monaco
- Mongolia
- Montenegro
- Myanmar
- Nicaragua
- Paraguay
- Suriname
- Syria
-
Font
- Fa
- DM
- GT
- Avenir
- Cormorant
- Futura
- Aeonik
- Arial
- Gotham
- DIN
- Barlow
- Gilroy
- Graphik
- Brandon
- Druk
- Archivo
- Cabin
- Freight
- AT
- Circular
- Euclid
- ABC
- Bebas
- ETmodules
- Aktiv
- Bitter
- Canela
- Founders
- Acumin
- Assistant
- Degular
- Domaine
- EB Garamond
- Garamond
- Cera
- Clash
- Akzidenz
- Apercu
- Basis
- Baskerville
- Brown
- Caveat
- Exo
- Franklin
- Gilda Display
- Abel
- Adelle
- Akkurat
- Anton
- Be Vietnam Pro
- Epilogue
- Favorit
- Generalsans
- Alegreya Sans
- Ano
- Bodoni Moda
- Century
- Crisp Noto Sans
- DNA
- Dahlia
- Fira
- General Sans
- Georgia
- Adobe
- Albert Sans
- Alegreya
- Amatic SC
- Arimo
- Arvo
- Basier Circle
- Beatrice
- Blacker
- Cinzel
- Cooper
- Crimson
- Didot
- Editorialnew
- Everett
- Figtree
- Galano
- Gellix
- Good Sans
- Adieu
- Aleo
- Almarena
- Arapey
- Archia
- Averta
- Ayer
- Azeret Mono
- Benton
- Bricolage Grotesque
- Bungee
- Calibre
- Cardo
- Catamaran
- Chillax
- Chivo
- Comfortaa
- Commissioner
- Courier New
- Darker Grotesque
- Domine
- Dosis
- Droid Serif
- Electrolize
- FK
- Feijoa
- Financier Display
- Flaticon
- Formula
- Garnett
- GeneralSans
- Gothic A1
- Grandslang
- Abril Fatface
- Agrandir
- Alata
- Ambit
- Americana
- Antarctica
- Antonio
- Area
- Aventa
- Bagnard
- Bai Jamjuree
- Big Shoulders Display
- Bigilla
- Bradford
- Brice
- Bulevar
- Butler
- Bw Gradual
- Castoro
- Changa One
- Charter
- Circe
- Ciutadella
- Copyright General Type Studio
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier
- Courier Prime
- Dela Gothic One
- Denim
- Droid Sans
- Flama
- Font
- Font awesome 6 free solid 900
- Formular
- Fragment Mono
- Fraunces
- Fredoka
- Gambetta
- Gantari
- General Sans Variable
- Geomanist
- Google Sans
- Google Sans Display
- Google Sans Text
- Gordita
- Gothic MB101
- Color
Responsive Design
Best selection of Responsive Design Website examples for your inspiration...
Read more
Responsive websites are those crafted to use W3C CSS3 media queries with fluid grids and commonly also fluid images, to adapt the layout to the viewing environment. The idea of responsive web design is to make websites that fit multiple screen sizes. For the designer and developer that means they only have to work on one version of the website instead of designing one for desktop computers and another for mobile devices.
Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking.