![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Reshaped v2.0](https://ph-files.imgix.net/f2f40678-03a3-4d85-9380-c7bdf0750d10.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Reshaped v2.0](https://ph-files.imgix.net/f2f40678-03a3-4d85-9380-c7bdf0750d10.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Reshaped](https://ph-files.imgix.net/ccba499f-0fe4-4e88-9982-fe7d94cdc1f8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Reshaped](https://ph-files.imgix.net/ccba499f-0fe4-4e88-9982-fe7d94cdc1f8.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Design System Checklist](https://ph-files.imgix.net/5f2df0a8-14a6-40d5-8bc9-3e1ae6e8c416.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Design System Checklist](https://ph-files.imgix.net/5f2df0a8-14a6-40d5-8bc9-3e1ae6e8c416.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Frontmarks](https://ph-files.imgix.net/54911994-8a02-4733-bb76-14c12d754893.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Frontmarks is a manually curated collection of frontend resources divided into 9 sections. Get on board, choose your favorite resources and share them with the community! Project is fully open sourced and open for contributions, so if you know a cool frontend product, talk etc. you may open a pull request in couple of clicks.
![Frontmarks](https://ph-files.imgix.net/54911994-8a02-4733-bb76-14c12d754893.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![News Deck](https://ph-files.imgix.net/36c79a21-3761-4c80-98f5-4873b797bada.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Frontloops.Elements is a js focused practical course that works like a subscription for handcrafted tasks. You get a challenge to create real world UI elements with prepared assets, build it and then get a working code for the same task as a reference + some additional hints which are worth paying attention to! 30 new challenges are waiting for you
![Frontloops.Elements](https://ph-files.imgix.net/a75ff324-2dd6-4f1d-81b7-33315275cf45.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Frontloops.Elements](https://ph-files.imgix.net/a75ff324-2dd6-4f1d-81b7-33315275cf45.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Frontloops](https://ph-files.imgix.net/75b9d085-3d3f-4821-a3a4-b3bb619338af.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Frontloops](https://ph-files.imgix.net/75b9d085-3d3f-4821-a3a4-b3bb619338af.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Dmitry Belyaev](https://ph-avatars.imgix.net/1635237/original.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Frontloops is an html/css practical course that works like a subscription for handcrafted tasks. You get a design with prepared assets, build it and then get a working code for the same task as a reference + some additional hints which are worth paying attention to!
![Frontloops](https://ph-files.imgix.net/75b9d085-3d3f-4821-a3a4-b3bb619338af.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)