Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/huogerac/awesome-web-frontend

A curated list of awesome web frontend related resources 😎
https://github.com/huogerac/awesome-web-frontend

List: awesome-web-frontend

Last synced: about 1 month ago
JSON representation

A curated list of awesome web frontend related resources 😎

Awesome Lists containing this project

README 

        
![Awesome](./media/awesome.svg)



# Awesome Web Frontend



A curated list of awesome web frontend related resources 😎



## HTML



- [Documentação](https://devdocs.io/html/)

- [MDN Tutorial](https://developer.mozilla.org/pt-BR/docs/Web/HTML)

- [Tags](https://www.w3schools.com/TAGS/ref_byfunc.asp)

- [All tags](https://allthetags.com/)



## HTML Cursos Free



- [Freecodecamp](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/)



## Frameworks JS



- [Frameworks mais populares 2012-2019](https://www.youtube.com/watch?v=3xKxSNw26ZU)



## Web Templates (Most Free html templates)



- [https://html5up.net/](https://html5up.net/)

- [https://uideck.com/](https://uideck.com/)

- [https://startbootstrap.com/](https://startbootstrap.com/themes?showPro=false&showAngular=false&showVue=false)

- [https://bootstrapmade.com/](https://bootstrapmade.com/)

- [https://themefisher.com/](https://themefisher.com/free-bootstrap-templates/)

- [https://www.creative-tim.com/](https://www.creative-tim.com/bootstrap-themes/free)

- [https://themewagon.com/](https://themewagon.com/theme-price/free/)

- [https://bootswatch.com/](https://bootswatch.com/)

- [https://www.styleshout.com/](https://www.styleshout.com/free-templates/)

- [https://mobirise.com/](https://mobirise.com/html-templates/free-html-css-templates/)

- [https://freebiesbug.com/](https://freebiesbug.com/psd-freebies/website-template/)

- [https://www.tooplate.com/](https://www.tooplate.com/free-templates)

- [https://www.graphberry.com/](https://www.graphberry.com/category/free-html-web-templates)

- [https://htmltemplates.co/](https://htmltemplates.co/free-html5-templates)

- [https://www.themevault.net/](https://www.themevault.net/free-responsive-website-templates)

- [https://tympanus.net/codrops/](https://tympanus.net/codrops/category/freebies/)

- [https://www.free-css.com/](https://www.free-css.com/free-css-templates)

- [https://www.templatemonster.com/](https://www.templatemonster.com/free-html-website-templates/)

- [https://onepagelove.com/](https://onepagelove.com/templates/free-templates)

- [https://graygrids.com/](https://graygrids.com/templates/category/free-html-templates/)

- [https://templatemo.com/](https://templatemo.com/)

- [https://freehtml5.co/](https://freehtml5.co/)

- [https://www.html5xcss3.com/](https://www.html5xcss3.com/c/free-website-templates)

- [https://themesfor.app/](https://themesfor.app/all-themes/)

- [https://www.landingfolio.com/](https://www.landingfolio.com/)

- [https://saaspik.pixelsigns.art/](https://saaspik.pixelsigns.art/)

- [https://uicookies.com/](https://uicookies.com/)

- [https://nicepage.com/](https://nicepage.com/)

- [https://webthemez.com/](https://webthemez.com/)



## Ferramentas visuais



- [Melhorar foto avatar](https://pfpmaker.com)

- https://coolbackgrounds.io/

- https://www.shapedivider.app/

- https://app.haikei.app/

- https://neumorphism.io/

- https://css.glass/

- https://getwaves.io/

- https://www.blobmaker.app/

- https://www.photopea.com/

- https://www.gimp.org/



## CSS



- [Documentação](https://devdocs.io/css/)

- [Seletores Game](https://flukeout.github.io/)

- [Dev Samples CSS](https://www.devsamples.com/)

- [Responsive Design Checker](https://responsivedesignchecker.com/)

- [Box Shadow](https://neumorphism.io/#e0e0e0)



## Ferramentas CSS & Fonts



- [Tipografia CSStypetset](http://csstypeset.com)

- https://fonts.google.com

- https://fonts.adobe.com

- https://www.mixfont.com



## CSS Prática



- [Frontend Mentor](https://www.frontendmentor.io/challenges?sort=difficulty|asc)



## Icons / Favicon



- https://fontawesome.com

- https://www.flaticon.com/

- https://toolcool.org/random-favicon-generator/



## Extra



- [Como as fontes recontam a história da escrita - Atila Iamarino](https://www.youtube.com/watch?v=ORfyYK24CRQ&list=WL&index=8)



## Inspirações ⭐️



- [Dribble](https://dribble.com/)

- [Behance](https://www.behance.net/)

- [awwwards](https://www.awwwards.com/websites/)

- [One Page Love](https://onepagelove.com/)

- [Up Labs](https://www.uplabs.com/)



## Bibliotecas CSS



- https://una.im/CSSgram/

- https://www.cssfilters.co/



## Javascript Prática



- [beecrowd](https://www.beecrowd.com.br/judge/pt/problems/index/1)



## Awesome Websites



- [Josh Comeau](https://www.joshwcomeau.com/)

- [Mario Saul](https://www.mariosaul.com/)

- [Stripe Press](https://press.stripe.com/)



## Outros



- https://ihateregex.io/