A curated collection of web designs and websites with stunning UI/UX which are beautiful, artistic and inspiring for designers and developers
Discover beautiful and inspiring websites with Awesome Web Designs. This open-source project is dedicated to discovering and documenting some of the most beautiful and inspiring websites on the internet. Webpages which may be termed as "art" due to it's design, style or choice of color combinations, or Websites that showcase stunning UI and UX designs, and impressive transitions, animations or web components.
The end goal is to have a dynamic table where you can browse and filter the content by tags such as color, font, transition, and more along with code snippets and resources to recreate them.
This project's aim is to become an one stop location for designers, creators, frontend developers and ui/ux developers to find the perfect inspiration for your next project, and search and find the perfect web component required for your need.
Besides the usual curated list as per the The awesome manifesto at Awesome Websites, This project will also contain a way to search and filter from the wide list of websites, so that you can find inspiration or web components with a dynamic search as per your need or requirement.
Below are the dynamic search parameters via which you can search and filter the contents (coming soon!)
- link or name of the original website
- a small description about the website and what is great in it (so that people can find inspiration based on requirement in their project)
- a codepen or repo link containing code to recreate the website or some portions of the website
- my ratting
- tags: such as ui, ux, color, font, transition, button, card transition, effects etc etc type of tags, so that one can find relevant website based on their requirement.
Along with the list of websites, this project will also feature some awesome online tools at UI UX Tools that you can use during your frontend or web design journey!
- https://camillemormal.com (CodePen: https://cdpn.io/MWXBRBp)
- https://kprverse.com (CodePen: https://cdpn.io/rNrJgrd)
- https://poppr.be (CodePen: https://cdpn.io/KKBjvbG)
- https://www.nathansmith.design (CodePen: https://cdpn.io/mdjPzgM)
- https://karinasirqueira.com (CodePen: https://cdpn.io/poVpKdQ)
- https://www.buildinamsterdam.com/cases (CodePen: https://cdpn.io/gOzJgWm)
- http://dnacapital.com (CodePen: https://cdpn.io/bGvejNY)
- https://kippo.com/chill (CodePen: https://cdpn.io/zYWdYoo)
- https://linear.app/features (CodePen: https://cdpn.io/MWQeYLW)
- https://blokwatches.com/
- https://amie.so/
- https://www.films53-12.com/
- https://moooi.com/
- https://days.christou1910.com/en/
- https://spotify.design/
- https://www.tomtom.com/
- https://www.rouserlab.com/
- https://www.ed.com.au/
- https://theyearofgreta.com/
- https://superherocheesecake.com/
- https://useplink.com/en/
- https://autumn.amsterdam/
- https://5scontent.com/
- http://www.amandabraga.com/
- https://www.cappen.com/
- https://seed.com
- https://www.deso.com/
- https://monopo.london
- https://eumray.com
- https://lunchbox.io
- https://www.lironmoran-interiors.com/about
- https://www.apple.com/pro-display-xdr/
- https://www.webfx.com/web-design/hex-to-rgb/
- https://colorpicker.me/#75acff
- https://color.adobe.com/create/color-wheel
- https://wordcounter.net/
- https://jsoneditoronline.org/
- https://jwt.io/
- https://www.somacon.com/p568.php
- http://www.listdiff.com/
- https://www.diffchecker.com/
- http://barc.wi.mit.edu/tools/compare/
- https://jsben.ch/
- https://currentmillis.com/
- https://codebeautify.org/base64-to-image-converter
- https://www.base64decode.org/
- https://app.diagrams.net/
- https://excalidraw.com/
- https://rahuldkjain.github.io/gh-profile-readme-generator/
Contributions welcome! Read the contribution guidelines first.