Initial commit

This commit is contained in:
Yevhenii Kutsenko 2024-12-27 14:04:12 +03:00
commit 99c425dc2b
132 changed files with 44198 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
node_modules
docs/index.html

View File

@ -0,0 +1,226 @@
<div class="hidden-in-page">
# Awesome Design Conferences
* [Awesome Design Tools](https://github.com/LisaDziuba/Awesome-Design-Tools)
* [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md)
* [Awesome Design UI Kits](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-UI-Kits.md)
</div>
<p align="center">
<img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Awesome%20Design%20Conferences.png" alt="Awesome-Design-Conferences"/>
</a>
</p>
<p align="center">
<img alt="awesome" src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" /> <img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
</p>
## How to Use and Contribute
* Now you are in **Awesome Design Conferences** section, if you need tools & plugins — go to [Awesome Design Tools](https://github.com/LisaDziuba/Awesome-Design-Tools) & [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md).
* To find the conference, go through the Table of Contents or search for a keyword (for example, "UX", "prototyping").
* Ask [Lisa](https://twitter.com/LisaDziuba) on Twitter.
If you found some great design conference, just send a Pull Request with respect to our [Contribution Guidelines](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md) (they're very simple, please take a look). Design tools should be submitted [here](https://github.com/LisaDziuba/Awesome-Design-Tools), plugins - [here](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md), and conferences in this file. And don't forget to add the location and date at the end of each conference. Now I'd love to see your suggestions!
</div>
<header class='header header-top -mint'></header>
<div class="nav">
## Table of Content
* [January](#january)
* [February](#february)
* [March](#march)
* [April](#april)
* [May](#may)
* [June](#june)
* [July](#july)
* [August](#august)
* [September](#september)
* [October](#october)
* [December](#december)
</div>
<main>
<article id="january">
### January
| Name | About | Dates | Location |
|---|---|---|---|
| [Workshop: Getting started with Sketch App](https://www.sketch.com/community/groups/munich/?event=2020-01-15)| a meetup for designers interested in Sketch. Join it to share knowledge, discover tricks, plugins and new workflows or see how others utilise the powerful tool. | January 15 | München, Germany |
| [CLT Sketch Meetup](https://www.sketch.com/community/groups/charlotte/?event=2020-01-15) | an official Sketch meetup for designers and developers in Charlotte. Share knowledge, trade tips, and hear about new plugins and resources. Meet local designers and members of the Sketch team, learn more about the app and have fun with likeminded people. | January 15 | Charlotte, USA |
| [In/Visible Talks](https://invisibletalks.com/conference-2020/) | a conference for creative professionals that celebrates the art of design. It focuses on fresh takes and honest talks about the process, inspiration, and challenges behind the creative practice. | January 16 | San Francisco, USA |
| [Sketch Dallas January Meetup Event](https://www.sketch.com/community/groups/dallas/?event=2020-01-21) | an official Sketch meetup for designers and developers in Dallas. Share knowledge, trade tips, and hear about new plugins and resources. Meet local designers, learn more about the app and have fun with likeminded people. | January 21 | Dallas, USA |
| [Awwwards Conference Tokyo](https://conference.awwwards.com/tokyo/) | a digital thinkers conference is coming to Tokyo! It brings you the hottest topics and newest technologies on User Experience, UI Design, Web Design and Development, Animation, Technology, Branding, Trends, Creativity and much more. | January 22-24 | Tokyo, Japan |
| [New Adventures](https://newadventuresconf.com/2020/) | a digital design conference where you'll explore speculative and critical design, radical inclusivity, climate, sustainability, and much more. | January 22-23 | Nottingham, UK |
| [Workshop: How to master Sketch & Design Systems](https://www.sketch.com/community/groups/munich/?event=2020-01-23) | a meetup for designers interested in Sketch. Share knowledge, discover tricks, plugins and new workflows or see how others utilise the powerful tool. | January 23 | München, Germany |
| [Humanising Design](https://www.meetup.com/figma-africa/events/267044435/) | Figma's meetup where you'll dive into cognitive UI/UX principles that can be used to create delightful experiences for users. | January 25 | Lagos, Nigeria |
</article>
<article id="february">
### February
| Name | About | Dates | Location |
|---|---|---|---|
| [IxDA](https://interaction20.ixda.org/) | a mix of workshops, talks, and hands-on experiences aimed at inspiring designers around the world. It brings together the brightest minds in design, science, philosophy, psychology, and business. | February 2-7 | Milan, Italy |
| [Pause Fest](https://www.pausefest.com.au/) | a festival for business and creativity with a mission to bring diverse intelligence together to fuel the next generation forward. | February 5-7 | Melbourne, Australia |
| [Outcome](http://outcomeconf.com/) | a conference that talks about startups, products, UX and design from a storytelling perspective. | February 8 | Chandigarh, India |
| [Sketch Dallas February Meetup Event](https://www.sketch.com/community/groups/dallas/?event=2020-02-11) | an official Sketch meetup for designers and developers in Dallas. Share knowledge, trade tips, and hear about new plugins and resources. Meet local designers, learn more about the app and have fun with likeminded people. | February 11 | Dallas, USA |
| [Brand New: First Round](https://underconsideration.com/firstround/) | a one-day showcase of original presentations made to clients showing initial design explorations for logo, identity, and branding projects. | February 14 | Portland, USA |
| [Figma Africa Enugu Meetup](https://www.meetup.com/figma-africa/events/266832410/) | Figma's event where you'll explore places where people could go and get resources and inspiration for their design and finally.| February 15 | Lagos, Nigeria |
| [UXistanbul](https://uxistanbul.org/) | the first UX conference of Turkey that gathers UX and Usability professionals from the worlds leading companies in Istanbul, to share their experiences. | February 18 | Istanbul, Turkey
| [Awwwwards Conference Amsterdam](https://conference.awwwards.com/amsterdam) | a digital design awards platform for designers, developers, and digital dreamers. It brings you the hottest topics and newest technologies on User Experience, UI Design, Web Design and Development, Animation, Technology, Branding, Trends, Creativity and much more. | February 19-21 | Amsterdam, Netherlands |
| [Mouvo](https://mouvo.cz/) | a festival presenting motion design in all its forms as a creative field as well as an outlet for personal expression. | February 21-22 | Prague, Czech Republic |
| [FITC Amsterdam 2020](https://fitc.ca/event/am20/) | groundbreaking design and tech event on the future of innovation, design and all the cool stuff in between. | February 24-25 | Amsterdam, Netherlands |
</article>
<article id="march">
### March
| Name | About | Dates | Location |
|---|---|---|---|
| [The UX Conference in London](https://theuxconf.com/) | design conference thats not about trends & buzzwords, but collaboration between designers and communication between each other: internal company politics, presenting the value of design and speaking the same language with different stakeholders. | March 2-3 | London, UK |
| [Leading Design San Francisco](https://leadingdesign.com/conferences/sanfran-2020) | brings together experts who lead design teams, oversee design direction and instill a culture of design within their organizations. | March 4-6 | San Francisco, USA |
| [NO/BS Conference](https://nobs.events/) | is a place where like-minded people can get together, listen to some amazing stories and cut through all that. | March 11-12 | Melbourne, Australia |
| [SXSW Interactive](https://www.sxsw.com) | it covers all aspects, from futuristic product design to design-thinking approaches that can be applied to numerous other disciplines, businesses, and organizations. This programming will examine how design informs our interactions, shapes our experiences, and plays a critical role in problem-solving. | March 13-22 | Austin, USA |
| [IAM Weekend](https://www.iam-internet.com/weekend) | the annual gathering for creative thinkers & doers who care about the futures of the internet. Originally created as a collective research and learning initiative with an independent, ad-free, alternative and purpose-driven mindset. | March 19-21 | Barcelona, Spain |
| [UX Copenhagen](https://uxcopenhagen.com/) | a two-day conference for professionals working with UX design. You will hear about some of the newest trends in UX and Design, presented by a diverse panel of speakers ranging from gurus to people new to the field. | March 30-31 | Copenhagen, Denmark |
| [AIGA Design Conference](https://designconference.aiga.org/) | brings the design community together in a once-in-a-lifetime, cross-disciplinary exchange of ideas about the changing world of design. | March 30 - April 1 | Pittsburgh, USA |
</article>
<article id="april">
### April
| Name | About | Dates | Location |
|---|---|---|---|
| [UIArchConf](http://uiarchconf.com/) | a conference and training event for those who work as UI Architects. Here you'll explore the various aspects of UI Architecture and the massive role a UI architect plays in an organization. | April 1-3 | New Orleans, USA |
| [Creative South](https://www.creativesouth.com/) | a weekend of creative thinking, collaboration, and exploration. Enjoy workshops, talks focused on process & experience, and networking in the design community. | April 2-4 | Columbus, USA |
| [The Y Conference](https://sandiego.aiga.org/programs/y-conference/) | a national-caliber design conference. It brings together industry thinkers, innovators, and change-makers for two days of creativity and collaboration. | April 3-4 | San Diego, USA |
| [Offset](https://www.iloveoffset.com/) | a three-day creative conference. Celebrating creativity and bringing together the best in International and Irish creative talent in graphic design, illustration, street and fine art, film, photography, moving image and much, much more. | April 3-5 | Dublin, Ireland |
| [UXcamp Amsterdam](https://uxcampams.com/) | a BarCamp where you can share your knowledge, stories, and ideas about User Experience Design and related disciplines. As a free one-day unconference event, it's made by the community for the community. There are no spectators, only contributors. | April 4 | Amsterdam, Netherlands |
| [An Event Apart Washington, D.C.](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | April 13-15 | Washington, D.C., USA |
| [Crop Baton Rouge](https://www.cropcons.com/) | a two-day celebration of creativity, community, inspiration, learning & more. Find out inspiring talks and knowledge dropping workshops together with vendors, live events, live music, after-parties. | April 16-18 | Baton Rouge, USA |
| [Design Week Portland](https://designportland.org/festival/2020) | celebrates design as their citys most promising cultural and economic resource. Their purpose is to explore process, craft, and practice across disciplines through a citys vibrant design programming. | April 18-24 | Portland, USA |
| [FITC Toronto 2020](https://fitc.ca/event/to20/) | an event showcasing the best the world has to offer in design, digital development, media and innovation in creative technologies its three days and nights of presentations, parties, installations and performances that unite and transform the industry. | April 19-21 | Toronto, Canada |
| [SmashingConf SF](https://smashingconf.com/sf-2020/) | a friendly, inclusive event that is focused on front-end and UX, but it covers everything web, be it interface design or machine learning. Live sessions on performance, accessibility, interface design, copywriting, designing for emotion, debugging and fancy CSS/JS techniques. | April 21-22 | San Francisco, USA |
| [OFFF Barcelona 2020](https://offf.barcelona/pins/offf-barcelona-2020/) | a three-day journey of conferences, workshops, activities, and performances. All for the community of designers: sound, graphic, motion designers, thinkers, theorists and more. | April 23-25 | Barcelona, Spain |
| [beyond tellerrand](https://beyondtellerrand.com/events/dusseldorf-2020) | the affordable single-track event where creativity and technology meet. | April 27-29 | Düsseldorf, Germany |
</article>
<article id="may">
### May
| Name | About | Dates | Location |
|---|---|---|---|
| [UX Burlington](https://www.uxburlington.com/) | an annual single-day conference, focused on what it really takes to build great digital user experiences on the web, in apps, and beyond. | May 1 | Burlington, USA |
| [Pixel Up!](https://pixelup.co.za/) | South Africa's premier UX and design conference that brings together UX and UI designers, UX writers, researchers, and product managers. | May 4-6 | Cape Town, South Africa |
| [HOW Design Live](https://www.howdesignlive.com/) | a four-day conference and 3-day expo for design, marketing and creative professionals, with a focus on in-house practitioners in major corporate brands and design firms. | May 4-7 | Boston, Massachusetts |
| [and& Leuven](https://www.andleuven.com/en) | an innovation festival that brings together changemakers of today to inspire curious minds of all backgrounds. It provides a platform for interdisciplinary innovation that aims to transform our society & acts upon the challenges we face today. | May 6-9 | Leuven, Belgium |
| [An Event Apart Seattle](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | May 11-13 | Seattle, USA |
| [Camp Digital](https://www.wearesigma.com/campdigital/2020/) | an inspirational conference that brings together the digital, design and UX communities for a series of seminars exploring the latest thinking in our industry. | May 13 | Manchester, UK |
| [D&AD FESTIVAL 2020](https://www.dandad.org/en/d-ad-creative-advertising-design-festival/) | a three-day immersion in the worlds best craft, creativity and culture for the global creative industries. | May 19-21 | London, UK |
| [UXLx](https://www.ux-lx.com/) | four days of inspiring talks and hands-on workshops featuring top industry speakers. | May 19-22 | Lisbon, Portugal |
| [webinale](https://webinale.de/en) | the conference for product owners, web designers, and frontend coders. It combines user experience with code and offers a variety of topics that are important for digital professionals nowadays. | May 25-29 | Berlin, Germany |
| [UX London](https://2020.uxlondon.com/) | a three-day UX event by Clearleft, combining inspirational talks with in-depth workshops presented by some of the industrys biggest names. | May 27-29 | London, UK |
</article>
<article id="june">
### June
| Name | About | Dates | Location |
|---|---|---|---|
| [CreativePro Week](https://creativeproweek.com/) | the HOW-TO conference for creative professionals who design, create, or edit in Adobe InDesign, Photoshop, Illustrator, Microsoft PowerPoint, and other creative tools. | June 1-5 | Austin, USA |
| [Fluxible](https://www.fluxible.ca/) | a gathering of people who share an interest in user experience design and the fields with which it intersects. Fluxible is an inclusive, cooperative environment where everyone is welcomed, open dialogue is encouraged, and all perspectives are appreciated. | June 1-7 | Waterloo, Canada |
| [UXR Collective](https://uxrconference.com/) | brings together people from across the globe who are committed to championing their users, surfacing better insights, and bettering the tech ecosystem. | June 3-5 | Toronto, Canada |
| [99U Conference](https://conference.99u.com/) | Adobes career resource and annual conference, helping creatives of all stripes supercharge their work and make their ideas happen. | June 3-5 | New York, USA |
| [Birmingham Design Festival](https://birminghamdesignfestival.org.uk/) | a celebration of the local, national and international design industry held in the UK every June. | June 5-6 | Birmingham, UK |
| [Eyeo Festival](http://eyeofestival.com/) | brings together creative coders, data designers, and creators working at the intersection of data, art & technology for talks, workshops, labs, and events. | June 8-11 | Minneapolis, USA |
| [SmashingConf](https://smashingconf.com/austin-2020) | an inclusive, practical and friendly conference on front-end, design and UX, with CSS/JS techniques, accessibility, performance, privacy, internationalization, designing for mobile, HTML email and real-life case studies. | June 9-10 | Austin, USA |
| [Dsgnday](https://dsgnday.nl/) | a full-day conference with eight presentations about web design and user experience. Expect plenty of practical advice on designing for the web—on any device. | June 11 | Amsterdam, Netherlands |
| [ICON11: The Illustration Conference](https://theillustrationconference.org/) | gathering of illustrators, designers, educators, representatives, and art buyers exploring illustration today. | June 28-July 1 | Kansas City, USA |
| [An Event Apart Boston](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | June 29-July 1 | Boston, USA |
</article>
<article id="july">
### July
| Name | About | Dates | Location |
|---|---|---|---|
| [Design/Content](https://content.design/) | the conference for designers & content strategists. Hear from industry leaders about crafting experiences and telling stories that shape the future of the web. A day of workshops, two days of talks, and thoughtful extras in one of the most beautiful cities. | July 15-17 | Vancouver, Canada |
| [SIGGRAPH](https://s2020.siggraph.org/) | the forum where inspiration creates progress. Collaborate with our forward-thinking community to find the most transformative advancements across computer graphics and interactive techniques. | July 19-23 | Washington, USA |
</article>
<article id="august">
### August
| Name | About | Dates | Location |
|---|---|---|---|
| [RAD Summit 2020](https://radsummit.co/) | the camp-style conference for people who build awesome products. rad summit is a colorado experience built specifically for designers, product managers, artists, leaders, devs, entrepreneurs, and people who love the fresh smell of pine. | August 13-16 | Denver, CO |
| [An Event Apart Minneapolis](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | August 17-19 | Minneapolis, USA |
| [Loupe2020](https://www.framer.com/loupe/#signup) | a conference from Framer on interactive design and creative coding. Talks from designers, prototypers, and developers on the way they work and their creative process. There are also Framer X workshops so that attendees can get some practical stuff at the end of the conference. | August 19-21 | Amsterdam, Netherlands |
</article>
<article id="september">
### September
| Name | About | Dates | Location |
|---|---|---|---|
| [SmashingConf](https://smashingconf.com/freiburg-2020) | friendly, inclusive events that are focused on real-world problems and solutions. Their focus is on front-end and UX but we cover everything web, be it UI design or machine learning. | September 7-8 | Freiburg, Germany |
| [Circles](https://circlesconference.com/) | a three-day creative design conference, bringing together designers and makers from around the globe. Learning from transformative thinkers and connecting with like-minded innovators, it provides a space where youll be challenged to push yourself in the creative process. | September 10-11 | Richardson, USA |
| [dConstruct](https://2020.dconstruct.org/) | an affordable, one-day conference aimed at those designing and building the latest generation of web-based applications. | September 11 | Brighton, UK |
| [Digital Labin](https://digitalab.in/) | a two-day ICT conference bringing you top of the line keynote speakers in web, mobile and software design and development. Additionally, we are happy to have professional workshops, many networking activities and a party to remember. | September 25-26 | Labin, Croatia |
</article>
<article id="october">
### October
| Name | About | Dates | Location |
|---|---|---|---|
| [An Event Apart Orlando](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | October 5-7 | Orlando, USA |
| [Adobe MAX](https://max.adobe.com/) | Adobe's annual events where you can learn the latest Adobe announcements, attend 300+ sessions, labs, creativity workshops and network with each other. | October 19-21 | Los Angeles, USA |
| [SmashingConf](https://smashingconf.com/ny-2020/) | an inclusive, practical and friendly conference on front-end, design and UX, with CSS/JS techniques, accessibility, performance, privacy and real-life case studies. | October 20-21 | New York, USA |
| [Seattle Interactive Conference](https://seattleinteractive.com/) | is a celebration of the incredible work happening at the intersection of technology, creativity and industry. They spotlight innovation in experience, design, and strategy. They believe in the power of creative thinking, and that data and technology can be leveraged to help us make better, intentional choices. | October 20-22 | Seattle, USA
| [Brand New Conference](https://underconsideration.com/brandnewconference/) | a two-day event on corporate and brand identity with some of todays most active and influential practitioners from around the world. | October 22-23 | Austin, USA
| [Design Thinkers](https://designthinkers.com/) | Canada's largest annual graphic design conference, connecting designers from around the world. | October 24-25 | Toronto, Canada |
| [Creative Works](https://conference.creativeworks.co/) | a conference is for creative professionals who are serious about their craft and want to sharpen their skills and learn how others work. Dozens of talks, workshops, vendors, and afterparties that encourage inspiration, connection, and growth among creative professionals. | October 2020 | Memphis, USA |
</article>
<article id="december">
### December
| Name | About | Dates | Location |
|---|---|---|---|
| [An Event Apart San Francisco](https://aneventapart.com/) | the web design conference for UX & front-end experts. Three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers. | December 14-16 | San Francisco, USA |
</article>
<article id="addendum">
### Addendum (Reference & Inspiration)
Awesome Design Tools & Plugins & Conferences are curated by [Lisa Dziuba](https://twitter.com/LisaDziuba) & [Valia Havruliyk](https://twitter.com/ValiaHavryliuk) from Flawless team. And it was hugely inspired by articles from the design community and Prototypr.io Toolbox made by our good friend Graeme Fulton. If you found some great design tool, plugins or conferences, please [suggest it](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md). Thanks for making this project awesome :)
</article>

1556
Awesome-Design-Plugins.md Normal file

File diff suppressed because it is too large Load Diff

644
Awesome-Design-UI-Kits.md Normal file
View File

@ -0,0 +1,644 @@
<div class="hidden-in-page">
# Awesome Design UI Kits
* [Awesome Design Tools](https://github.com/LisaDziuba/Awesome-Design-Tools)
* [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md)
* [Awesome Design Conferences](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Conferences.md)
</div>
<div class="hidden-in-page">
<p align="center">
  <a href="https://flawlessapp.io/designplugins">
      <img src="https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/Awesome%20Design%20UI%20Kits.png" alt="Awesome-Design-UI-Kits"/>
  </a>
<img alt="awesome" src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" />
<img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
</p>
</div>
<div class="hidden-in-page">
## How to Use and Contribute
* Now you are in the **Awesome Design UI Kits** section.
* To find the UI Kit, go through the Table of Contents or search for a keyword (for example, "social app", "travel").
* Ask [Lisa](https://twitter.com/LisaDziuba) on Twitter.
If you found some great UI Kit, just send a Pull Request with respect to our [Contribution Guidelines](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md)
(they're very simple, please take a look). We use such labels for Sketch ![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg), Adobe XD ![Adobe XD](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg), InVision Studio ![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) and Figma ![Figma](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) UI Kits, don't forget to add them.
If UI Kit is purely for mobile design (both iOS and Android), please add ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg). For UI Kits which can be used for websites, web app and other web products please add ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg). And for desktop UI Kits use ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg).
Now I'd love to see your suggestions!
</div>
<header class='header header-top -violet'></header>
<div class="nav">
## Table of Content
* [Blog](#blog)
* [Calling App](#calling-app)
* [Cards](#cards)
* [Charts & Wireframes](#charts--wireframes)
* [Chat](#chat)
* [Components](#components)
* [Courses](#courses)
* [Crypto](#crypto)
* [Dashboard](#dashboard)
* [Dating](#dating)
* [Design System](#design-system)
* [eCommerce](#ecommerce)
* [Fashion](#fashion)
* [Finance](#finance)
* [Fitness](#fitness)
* [Food](#food)
* [Home](#home)
* [iOS 11 UI Kits](#ios-11-ui-kits)
* [Landing Page](#landing-page)
* [Messenger](#messenger)
* [More Cool UI Kits](#more-cool-ui-kits)
* [Movies](#movies)
* [Music](#music)
* [Onboarding](#onboarding)
* [Pets](#pets)
* [Photo](#photo)
* [Social Apps](#social-apps)
* [Style Guide](#style-guide)
* [Taxi & Cars](#taxi--cars)
* [Todos](#todos)
* [Travel](#travel)
* [Watch](#watch)
</div>
<main>
<div class="hidden-in-page">
We decided to share goodies for those of you who work with UI design or want to start.
Prepared UI elements, screens, components or entirely app concepts, packed in a single UI Kit is a great option to begin with. You can modify any UI Kit to fit your needs and goals. All components and screens are easily editable, like navigation bars, buttons, login forms. You would need to have design tools, like Sketch App, Adobe XD, Studio or Figma to open the kits. The good news, you can use its free trials from the official websites.
</div>
<article id="blog">
### Blog
* [UI Blog Kit Template for Sketch](https://logwork.com/blog/downloads/free-sketch-ui-kit-templates) — this kit contains customized headers and footers, multiple post design types, Sketch design with over 150 symbols that are well-systematized, named and grouped. Take a look! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Write - Free UI Kit for Sketch and Adobe XD](https://dribbble.com/shots/6275597-Write-Free-UI-Kit-for-Sketch-and-Adobe-XD) — if you're going to create your own blog, check this UI Kit that will help you to organize your content well. It contains 15 different iOS app screens designed in vector format, based on symbols. Available for Sketch and Adobe XD. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="calling-app">
### Calling App
* [Wonep Calling App](https://dribbble.com/shots/2942774-Wonep-International-Calling-App-UI-Kit-Freebie) — pretty cool UI Kit of a complete iOS app for making international calls. Sketch file includes over 30 unique screens and several UX flows: Onboarding, Recent Calls and Contacts, Dialing, Billing, Selecting Favorites. It also has a Principle file with animation to clarify the user experience through the app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [D-Caller Mobile UI Kit](https://dribbble.com/shots/4894365-D-Caller-Free-Mobile-UI-Kit-sketch) — clean, simple and elegant mobile UI Kit for calling app, available in Sketch format. Oh, and you will really like typography and colors in this UI Kits. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="cards">
### Cards
* [Cards Pro Free UI Kit](https://dribbble.com/shots/4131097-Cards-Pro-Free-UI-Kit) — an amazing set of cards resource designs perfect for websites and mobile apps. Some of its resources include email sign up, captions, info card, calendar notification and more. Available in Photoshop. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Deck Card UI Kit](https://www.invisionapp.com/inside-design/design-resources/card-ui-kit-deck) — a beautiful cross-platform UI kit for designing card-based interfaces and media websites. Inside you'll find dozens of hand-crafted components, 45 UI templates in 6 different categories and over 200 UI elements for Sketch and Photoshop. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Card UI Kit](https://dribbble.com/shots/6423644-Card-UI-Kit) — a super flexible and simple card UI kit. It is available both in light and dark themes. Designed by Charles Patterson for InVision Studio. It is definitely worth a look! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [eCommerce Cards Free Sketch UI Kit](https://dribbble.com/shots/3391013-E-commerce-free-sketch-ui-kit-Download-Now) — Clean and minimal eCommerce Cards by Divan Raj ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="charts--wireframes">
### Charts & Wireframes
* [Greyhound - Free Flowchart Kit](https://greyhound.design/) — this kit contains fully customizable 200+ ready-to-use flowcharts in 11 categories. It'll help you to create beautiful sitemaps, wireframes, and prototypes for your web & mobile projects. Available for Figma and Sketch. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Fluid - UI Flow & Diagrams](https://www.uistore.design/items/fluid-ui-flow-and-diagrams/) — a sketch library customizable with over 44 connectors to create user flow, diagrams, and sitemaps for mobile and web. Add notes and annotations to make your flows easy to read. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Kamartaj Gift Shop UI Kit](https://gumroad.com/l/kamartaj) — this UI kit with clean design, well-organized elements, and editable content. Made for both iPhone 8 and iPhone X and includes Adobe XD, Adobe Photoshop, Figma and Sketch file as well. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Flowchart Kit for Sketch / Figma](http://uxflow.co/) — amazing UI kit for Sketch and Figma. Inside you'll find fully customizable and scalable vector elements and 3 pre-defined color themes for creating fast sitemaps and wireframes. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Wirez Free Wireframe Kit](https://www.uistore.design/items/wirez-free-wireframe-kit/) — a totally free wireframe GUI kit ideal for mobile apps (sketch sources), its packed with 64 different screens and 6 categories. It'll help UX/UI designers to create faster low fidelity wireframe. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Product Design Kit for Figma](https://dribbble.com/shots/5652423-FREE-Product-Design-Kit-for-Figma) — the ultimate design kit for Figma. Create high fidelity wireframes, user interfaces and style guides for your desktop products. Its fully customizable and free. ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="chat">
### Chat
* [Mochi-Chat UI Kit](https://www.sketchappsources.com/free-source/2893-mochi-chat-ui-kit-app-sketch-freebie-resource.html) — this UI Kit provides many assets, icons, screens, and interactions for Chinese premier messaging app: WeChat, or Weixin. Provided in both English and Chinese, with support for main 4 tabs (Chat, Contacts, Discover, Me), official account pages, Moments, Profile, QR Code and more. So its a really unique Sketch kit! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Mail - A free cross-platform UI kit](https://www.invisionapp.com/inside-design/design-resources/free-ui-kit-for-sketch-and-photoshop-mail) — this mail UI Kit is special. It comes in three colors: gold, teal, and purple. And it's cross-platform, with templates for desktop, mobile, tablet, and smartwatch. Whats inside: 78 UI templates in 26 categories and 250+ UI elements for Sketch and Photoshop. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [App Login Screens UI Kit](https://dribbble.com/abhinavagr) — nice UI kit for Sketch to help you quickly design and build login flows. This freebie UI kit is available in both light and dark theme. Includes over 20 screens. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Chat Messaging UI Kit for Sketch](https://getstream.io/chat/ui-kit/) — it's a chat UI kit for Sketch. It includes chat interfaces for live chat, team collaboration, messaging, customer support and gaming. Enjoy! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [9GAG Redesign UI Kit](https://dribbble.com/shots/5362269-9GAG-UI-KIT-FREEBIE) — UI Kit to create awesome products from highly customizable screens like Feed, Profile, Login, Notifications and a lot more to go with anything you can imagine. Check it out! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="components">
### Components
* [cursorOS - original macos cursors](http://cursoros.com/) — a collection of original macOS cursors, identical as possible without changes in style. Use them in your Design Systems, User flows, UI Kits, Prototypes, and other design stuff. ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Cookie Banner UI Kit for Adobe XD](https://www.behance.net/gallery/86606285/Cookie-Banner-UI-Kit-for-Adobe-XD) — this UI kit makes it a cinch for designers to easily incorporate relevant privacy-warning modals into their interfaces. The kit includes numerous modals for both desktop and mobile uses cases. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Component States UI Kit for Adobe XD](https://letsxd.com/states) — if you're looking to include Material Design states within your Adobe XD projects, check this UI kit. It includes buttons, icons, toggles, animations, and more. Also, there are a few real-world examples so you can view states in action. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Urano Sketch](https://uranosketch.com/) — a comprehensive Sketch kit that includes more than 30 components, easily customizable vector shapes, and free fonts. Also, it's available in 3 different color models: white, dark, grey. Awesome! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Elements](https://sketchapp.com/elements) — amazing Sketch kit. With 5 different themes, 35 templates and more than 175 Symbols, this kit contains all the building blocks you need. So no matter what youre creating, you can start with Elements. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Lexicon](https://lexicondesign.io/docs/resources/) — a set of principles, patterns, and tools created to provide a common design framework for crafting user interfaces within Liferay product ecosystem. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Material Design UI Kit](https://www.uxpin.com/material-design-ui-kit) — the ultimate collection of UI elements for you to create Android and web apps. Includes 35 hi-fi screens, more than 140 UI elements, and Guideline Compatible. ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg)![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Figma Starter Kit](https://gumroad.com/l/figma-uikit) — limited to basic components, it's a great way to get started without any clutter. What you get: forms, buttons, basic icons, and a few templates. Also, it's available in Dark More. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Ares UI Kit](https://dribbble.com/shots/5826072-Ares-Ui-Kit-Free-Resource) — well-done UI Kit available through Sketch. Feel free to use it and improve it as much as you want. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Tetrisly](https://tetrisly.com/) — probably the most organized and smartest Sketch component library for professionals. Start wireframing faster or use this Starter Kit to create Design System. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="courses">
### Courses
* [Plexus - Free Adobe XD UI Kit](https://www.behance.net/gallery/77258767/Plexus-Free-Adobe-XD-UI-kit) — a free mobile UI kit for online courses, featuring light & dark themes to choose from, a total of 28 screens. Its made for iPhone X resolution and also includes separated components, free fonts, and vector elements. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Online Courses UI Kit](https://dribbble.com/shots/5083162-Online-Courses-UI-Kit) — a minimal and clean educational app focused on improving the experience of learning courses online. This UI Kit includes only 3 screens, but it neat and nicely designed as well. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [MentorMe UI Kit for Adobe XD](https://www.behance.net/gallery/65354875/MentorMe-UI-Kit-for-Adobe-XD) — MentorMe includes a total of 36 customizable screens, flows for creating profiles, scheduling meetings and appointments, sending and tracking messages, provisioning payments, as well as ratings and notifications. A comprehensive asset panel specifies colors, fonts, headers, navigational elements, inputs, buttons, and over 40 icons to choose from. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
</article>
<article id="crypto">
### Crypto
* [Bit Cuckoo - Bitcoin UI Kit for Adobe XD](https://www.behance.net/gallery/79606899/Free-UI-kit-for-bit-coin-app) — Minimal and clean app design by Ramky. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Crypto Wallet App Free UI Kit](https://dribbble.com/shots/4257360-Crypto-Wallet-App-Concept-Free-UI-Kit-Sketch-File) — A crypto wallet App concept by Vivek Karthikeyan ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Coinbase - Web Dashboard Ui Kit](https://www.behance.net/gallery/88851653/Web-Dashboard-UI-Kit-Freebie) — Web Dashboard UI Kit: For Admin, User, and Agents. Dark & Light version. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="dashboard">
### Dashboard
* [Facility Manager App for Sketch](https://dribbble.com/shots/8936002-Facility-Manager-App) — Today is the day we publish a freebie .Sketch file connected with designing solutions for a leading European real estate and facility manager. Feel free to use and share! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Goge Africa - UI Kit for Figma](https://www.behance.net/gallery/87261153/E-learning-UI-Kit-Free-Download) — 38+ screens and design elements e.g Landing-page, Quicklinks-page, Ecommerce, Dashboard... ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Velocity UI Kit](https://www.invisionapp.com/inside-design/design-resources/design-system-dashboard-ui-kit/) — Meet Velocity, a UI kit and complete design system for an imaginary self-driving car company. Borrow, remix, and remake for your own app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
</article>
<article id="dating">
### Dating
* [Dating App UI Kit for Sketch](https://www.instamobile.io/app-templates/dating-app-design-ui-kit) — Free dating app design UI kit in Sketch, to fast track the design of your next mobile dating app. With beautiful UI elements and a well thought out UX, this dating app contains more than 30 carefully crafted screens. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="design-system">
### Design System
* [Semantic UI Kit for Adobe XD](https://www.behance.net/gallery/78911187/Design-Systems-Semantic-UI-Kit-for-Adobe-XD) — 80+ high quality components to kick-start your design system ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Eva Design System for Sketch](https://eva.design/) — Customizable Design System available for Sketch, with Mobile and Web implementations. The main strength of the Design System is the ability to adapt and integrate your brand making it ideal for any type of product. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Dome Design System Framework](https://www.behance.net/gallery/66637931/Dome-Design-System-Framework) — Dome is a set of styles and symbols that allow you to create a design system from scratch. You will find shapes, states, graphic treatment of images are defined as styles and also a complete set of text styles (6 headlines, 10 text styles and buttons) easily editable and customizable. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Liquid Design System](https://www.merck.design/) — Use Liquid to create and develop digital products to make science faster, treatments more personalized, and everyday work more enjoyable. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Ant Design](https://ant.design/docs/spec/download) — a design system with values of Nature and Determinacy for the better user experience of enterprise applications. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="ecommerce">
### eCommerce
* [Fusion eCommerce UI Kit](https://pixelbuddha.net/freebie/fusion-e-commerce-uI-kit) — Get ready for something absolutely fresh for your E-commerce app ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Prospero - Ecommerce UI Kit for Webflow](https://webflow.com/ecommerce-ui-kit-prospero) — A clean, modular — and free — UI kit for ecommerce and beyond. Get all the pieces you need to create a polished online store in Webflow, including 2 unique, ready-to-launch templates. The kit includes 85 sections and 10 layouts showcasing large photos, sleek typography, and plenty of white space to keep the attention on your products and brand. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Minimal Chic Kit](https://dribbble.com/shots/3221507-Minimal-Chic-Free-UI-Kit) — Its a stylish mobile UI Kit designed for iOS. Its perfect for anyone looking to create an e-commerce mobile app as it has views for product category pages and product pages, as well as the usual account settings and login screens. Available in Adobe XD format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Backpack - UI Kit Free for Adobe XD](https://dribbble.com/shots/5204250-Backpack-UI-Kit-Free-for-Adobe-XD) — Includes 50+ customizable screens across seven categories ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Wilhelm iOS UI Kit](https://www.sketchappsources.com/free-source/1862-wilhelm-ios-ui-kit-sketch-freebie-resource.html) — Customizable UI Kit, which containing six categories: Walkthrough, Sign in / Sign Up, Menu, Reading, ecommerce, Media player. It has various Sketch screens, which will suit both ecommerce mobile project or social app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Mcommerce UI Kit](https://www.sketchappsources.com/free-source/2012-mercatus-mcommerce-ui-kit-sketch-freebie-resource.html) — One more ecommerce UI kit with 120+ screens. As makers mentioned, Mercatus was inspired by 1980s casual culture, European designer clothes and modern minimal aesthetics. The Sketch kit looks very stylish and clean. So you definitely can use as inspiration for your next ecommerce app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Responsive eCommerce UI Kit for Adobe XD](https://www.behance.net/gallery/86012235/UI-Kit-By-ICEO) — Designed for both web and mobile, this UI kit redefines user experience through simplicity and calculated design choices. This freebie contains everything an online store needs to get up and running. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Tech Marketplace UI Kit for Figma](https://dribbble.com/shots/8308095-UI-Kit-01-available) — It's a tech-oriented marketplace with modern UI design. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Diadema UI Kit Web eCommerce](https://dribbble.com/shots/4728332-Diadema-UI-Kit-PSD-Sketch) — Pretty big and elegant stack of easy-to-setup designs for your internet store. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [L'euphorie E-commerce UI Kit Freebie](https://dribbble.com/shots/5637441-L-euphorie-E-commerce-UI-Kit-Freebie) — E-commerce UI kit screens and components, with a very minimal and modern trendy design. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Stickers Shop App UI Kit](https://dribbble.com/shots/5511411-Freebie-Stickers-Shop-App-Ui) — Stickers Shop app for the new iPad Pro. Know that the images from the preview image are not included due to copyright infringement, and are changed for tyles. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Bouncer - Ecommerce UI Kit for Adobe XD](https://www.behance.net/gallery/77037027/Bouncer-Ecommerce-UI-Kit-Adobe-XDhttps://bisenbaev.com/) — Free Adobe XD UI Kit for Ecommerce Projects ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Shopping App Free UI Kit](https://dribbble.com/shots/6531942-Shopping-App-Free-UI-Kit) — Minimal and clean shopping app design, 5 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [UI Shop Kit Freebie](https://dribbble.com/shots/5408251-UI-shop-kit-freebie) — Minimal and clean shop UI design, 5 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Bolt E-commerce App UI Kit](https://dribbble.com/shots/5616201-E-Commerce-App-UI-Kit) — Minimal and clean app design for e-commerce , 18+ screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [E-Comm Adobe XD UI Kit](https://dribbble.com/shots/5579955-E-Comm-Adobe-XD-UI-Kit) — E-Comm is a free UI kit that contains 22 well organized and layered app screen designs, covering all the main user flows. All main UI elements are separated on to one Components artboard, so any element could be directly grabbed from there and be added to your design project. Even though this UI kit was mainly created for online stores, the components by themselves could be used on a variety of of apps. There are many UI components such as lists, tags, message bubbles, comments, different button states, to name a few. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Simply eCommerce UI Kit](https://www.behance.net/gallery/57562887/Simply-Ecommerce-UI-Kit) — Simply is an e-commerce UI Kit. Was crafted especially for small or medium business who want to have e-commerce app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Pony Collection - eCommerce Mobile App](https://dribbble.com/shots/4109796--XD-FREEBIE-Pony-collection-e-commerce-mobile-app) — Minimal and clean eComerce app design by Tung Chi Vo ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [E-Commerce Mobile App for Figma](https://www.behance.net/gallery/83703037/FREE-E-Commerce-Mobile-Application-%28LightDark%29) — We have created the UI Library of the components which could be used in mobile apps of various spheres. Colors, sizes, and elements are customizable. 42 screens, which is useful for any projects. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="fashion">
### Fashion
* [Fashion Influencer UI Kit for Adobe XD](https://www.behance.net/gallery/75193163/Fashion-Influencer-UI-Kit-for-Adobe-XD) — The UI Kit itself is #MadeInAdobeXD and is available for free. It features a ton of goodies for you to use in your next design projects! Don't miss out! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Fashion Editorial UI Kit for Adobe XD](https://www.behance.net/gallery/65315257/Fashion-Editorial-UI-Kit-for-Adobe-XD) — This editorial and e-commerce UI Kit features 18 different design pages and more than 120 various components. This UI kit is built to help users create fashion editorial, as well as designer marketplace, apps, and websites. It features elements for a homepage, product grid, single product page, and blog. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
</article>
<article id="finance">
### Finance
* [Budget Planner: Onboarding Screens UI Kit](https://dribbble.com/shots/7999624-Budget-Planner-Onboarding-Screens-Freebie) — Minimal and clean onboarding screens design, 22 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Apple Wallet Free UI Kit for Sketch](https://dribbble.com/shots/7319886-Apple-Wallet-Free-UI-Kit) — This is the first version of the Apple Wallet Free UI Kit. All the components are built in symbols considering different cases and it's pretty easy to scale or evolve at your own. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Stack UI Kit](https://dribbble.com/shots/5102985-Stack-UI-Kit-Release) — Stack UI Kit is a perfect kickstart to your mobile finance project iOS design and Android. The design concept is based on a financial investor app, that uses machine learning to calculate the best stocks for the user to invest their money. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Busines - Bank App for Sketch](https://dribbble.com/shots/6696905-Busines-Bank-App) — Minimal and clean app design, 7 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Radity - Finance UI Kit](https://www.behance.net/gallery/85336453/Radity-Finance-UI-Kit-Freebie) — We have been receiving a lot of requests for a Finance Kit recently due to the popularity of Fintech. We decided to share this Finance UI Kit and get communitys feedback. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Free Finance UI Kit](https://www.behance.net/gallery/57211229/Free-Finance-UI-Kit) — Kickstart your project or just have fun with it. Designed by 7ninjas ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Banking UI Kit](https://blog.marvelapp.com/free-banking-ui-kit-for-sketch/) — Neat banking themed UI kit for Sketch with 50 screens, ready to prototype templates, dozens of icons and buttons. It looks very fresh & clean and will be a great starting point for anyone wanting to create an online banking experience. Done with love by Marvel folks. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Personal Finance UI Kit](https://freebiesupply.com/free-adobe-xd/adobe-xd-ui-personal-finance/) — I loved playful style of this finance UI kit. The app concert covers managing your income, finding ATMs near you, sending money to family & friends and many more. Its Adobe XD UI kit with 40+ screens for iPhone 6,7 and X layouts. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Telco Skeumorph App for Sketch](https://dribbble.com/shots/8911189-Telco-Skeumorph-App-FREE-KIT) — Minimal and clean app design, 12 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Gravity - The UI Kit](https://dribbble.com/shots/5731753-Gravity-The-UI-Kit) — Introducing Gravity — the product of experimentation and creative exploration. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
</article>
<article id="fitness">
### Fitness
* [Cafit - Workout UI Kit](http://capi.design/cafit-workout-ui-kit/) — This is Cafit Fitness UI Kit. Amazing UI Kit of premium quality is gonna drive you crazy! — a genuine designers ace! Cafit delivers 45+ screens of ultimate value, with hot color versions featured, bring to app more energy. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [fitgoal UI Kit](https://www.invisionapp.com/inside-design/design-resources/fitgoal-ui-kit/) — Stretch your limits with the fitgoal UI Kit by InVision. Includes 30 Screens, 179 Components, and 26 Fitness Icons. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [Aloo - Fitness UI Kit for Adobe XD](https://www.behance.net/gallery/79257121/App-UI-Kit-for-Free) — Minimal and clean Fitness App design by Ramky. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [App Design System Freebie](https://dribbble.com/shots/5857209-App-Design-System-Freebie) — At this moment, the app considers 64 different sports, each one with photos and a custom designed icon (that you will find inside this file), that helps with the identification of each one. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="food">
### Food
* [Delicious UI Kit](https://dribbble.com/shots/2449517-Delicious-Free-Sketch-UI-Kit) — UI Kit for a food recipes app. It includes 11 pixel-perfect screens in Sketch format. The meals in this UI Kit are so tasty! Actually, all UI kits in this category are simple, nice looking and can be used for your first learning app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [iOS Recipes App UI Kit](https://dribbble.com/shots/2661249-Recipes-App-UI-Kit-Freebie) — Nice iOS UI Kit with 11 screens for the recipe or cooking app (prepared for Sketch format). Simplicity and minimalism at its best! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [1357 Recipe App UI Kit](https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit) — Designed with user experience in mind, this elegant UI Kit consists of 25 basic screens. It has not only cooking recipes screens but also layouts for Menu, Search, Community, Quotes & 9 more pages. Available in Sketch format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [EdaciousFood App UI Kit](https://freebiescafe.com/edacious-food-app-ui-kit/) — Edacious has an interesting story. It was a paid project but the client decided that he doesnt need it anymore. So creative designers from Bangladesh decided to make a free UI Kit from it. They shared 1 landing page and 18 iOS screens, that forms a food-inspired mobile app. Available in .psd format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Photoshop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/photoshop.svg)
* [Burger City - Free Adobe XD UI Kit](https://www.behance.net/gallery/77742735/Burger-City-Free-Adobe-XD-UI-kit) — A mobile UI kit for a burger store. 25 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Foodybite - Free UI Kit for Adobe XD](https://www.behance.net/gallery/81858385/Foobybite-Free-UI-Kit-for-Adobe-XD) — Foodybite is a free UI Kit. It is easy to use for Adobe XD for who want to design an app related to food or restaurant services. The UI Kit pack included more than 30 customizable screens. All screens are fully editable. This UI Kit is free for personal & commercial projects. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Scratch Recipe UI Kit](https://www.invisionapp.com/inside-design/design-resources/scratch-recipe-ui-kit/) — The Scratch UI Kit has all you need to build a recipe book that would make your Grandma jealous. Browse, collect, edit, and share recipes with your network, find whats trending, then take the app into the kitchen. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [1357 Recipe App UI Kit](https://dribbble.com/shots/2654096-1357-Recipe-app-UI-Kit) — Modern and elegant eCommerce UI Kit for Sketch with 25 basic screens in your next project. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Fresh Food UI Kit for Adobe XD](https://dribbble.com/shots/7979808-Fresh-Food-UI-Kit) — Fresh Food is an App UI Kit created with Adobe XD that aims to make identifying and ordering healthy foods effortless. The UI kit includes: a suite of assets and icons, mobile and desktop formatted screens, a dark mode version, and plenty of fruits and vegetables! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
</article>
<article id="home">
### Home
* [Smart Home UI Kit](https://www.invisionapp.com/inside-design/design-resources/smart-home-ui-kit/) — A digital UI Kit for the physical world by InVision ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [Home Automation App](https://dribbble.com/shots/5067681-Home-Automation-Freebie) — Clean and minimal app, light and dark version. Designed by Faria ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Waplant Plants - Free UI Kit for Adobe XD](https://www.behance.net/gallery/83934241/Waplant-Plants-Mobile-Apps-Free-UI-UX-kit) — Minimal and clean app design. Waplant Plants helps you to take care your plants easily. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Smart Home UI Kit for Sketch](https://dribbble.com/shots/6361648-Smart-Home-UI-Freebie) — This tiny Smart Home UI Freebie may be a good source of inspiration for your mobile app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [HIVO Smart Home UI Kit](https://dribbble.com/shots/5023929--HIVO-Smart-Home-UI-Kit-is-live) — 62 carefully designed mobile screens to kickstart your project. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Happ - Smart Home App UI Kit for Adobe XD](https://dribbble.com/shots/6513000-Smart-Home-App-Free-UI-Kit) — Free UI Kit includes dashboard, usage graph, device control, add device, timer, etc ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Plant UI Kit](https://dribbble.com/shots/4569970-Plant-Freebie-4-Dribbble-Invites) — Minimal, clean and beautiful app UI kit designed by Paolo Spazzini ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="ios-11-ui-kits">
### iOS 11 UI Kits
* [Design+Code iOS 11 UI Kit](https://designcode.io/ios11-ui-kit?ref=mediumflawless) — a comprehensive Sketch kit tailored to Apples Human Interface Guidelines (HIG). It contains text styles, resizable nested symbols and even a set of dark theme components. The naming convention of each component follows Apple Developer Documentation. You can easily customize the colours, icons, and content as you wish and everything will be fully adaptive. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [iOS 11 Screens & Components](https://medium.com/r/?url=https%3A%2F%2Fiosdesignkit.io%2Fios-11-gui%2F) — a huge collection of iOS 11 core components and over 60 (x2) selected screens. As well as a previous UI Kit, this one is done according to Apples HIG and has designs for iPhone X & iPhone 8. Sketch files are made with nested symbols and contain text styles with resizing options specified. Available for Sketch and Figma. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![Figma](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [iOS 11 GUI for Sketch App](https://www.sketchappsources.com/free-source/2774-ios-11-gui-sketch-freebie-resource.html) — this kit contains iOS 11 designs, including 22 screens, 10 keyboards, fully vector elements and 100% vector shapes that are fully layered, organized and grouped. Its an excellent resource for anyone starting a new design project for iOS 11. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg)
![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [iOS 11 iPhone GUI by Facebook](https://facebook.design/ios11) — a comprehensive set of files for Origami, Sketch & Photoshop providing you all needed to get started with iPhone X app. Facebook team also created Origami components that mirror the behaviour of the most important UI elements in iOS 11 as well as recreating elements found in the public release of iOS 11. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [iOS 11 UI kit for Adobe XD](https://www.xdguru.com/ios-11-ui-kit-xd/) — if you're learning or working with Adobe XD, you will enjoy this little iOS 11 UI kit. Adobe XD kit includes 12 different screens, featuring some default iOS 11 designs like the Control Panel, Lock Screen and several AppStore screens. Not as big as all previous ones but still useful. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [iOS 11 Place UI Kit](https://dribbble.com/shots/4217050-Place-UI-Kit-The-future-of-augmented-reality-mobile-apps) — If youre planning to make ARKit mobile app, check this funny UI kit done by our good friend Volodymyr Kurbatov. It contains 22 iOS 11 screens and vector icons (sample free version). Place Kit has everything you might need: lists, catalogues, maps, tips and all types of camera views for every stage of AR experience (such as scanning, placing, and interacting). Made in .sketch format for iPhone X resolution. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="landing-page">
### Landing Page
* [Free UI Kit Landing Page](https://www.ls.graphics/free/ui-kit-landing-page) — Free UI Kit Landing Page is a huge design tool of handcrafted UI components. More than 80 layouts in popular categories, style guide, icons and elements. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Mint - Free Sketch UI Kit](https://www.behance.net/gallery/61196753/Mint-Free-Sketch-UI-Kit) — Unique styling to begin design projects for websites ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Non Profit UI Kit for Adobe XD](https://www.behance.net/gallery/71348061/Non-profit-UI-Kit) — The kit has seven responsive web page templates in all, along with dozens of reusable components. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Brutalism UI Kit - 70 Free Artboards](https://www.and.co/brutalism) — 70 free artboards for your next website. Get these free artboards before the brutalism trend goes out of style. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="messenger">
### Messenger
* [Telegram iOS UI Kit](https://www.sketchappsources.com/free-source/2824-telegram-ios-ui-kit-sketch-freebie-resource.html) — Did you know that Telegram is a very popular messaging app in Russian-speaking countries? So if work with these markets and need to make Telegram bot, this UI kit will be in help. It includes 6 Telegram app views: Contacts, Contact Search, Contact Search — Query, Bot Welcome, Charts, and Dialog (available in Sketch format). Also, it comes with extensive Symbols. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Facebook Messenger UI Kit for Android](https://github.com/jonasleupe/MessengerUIKit) — The free kit is not just a design clone, it's actually a well organized Sketch Library as well. It contains icons, colors, components, spacing elements, etc. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [iOS WeChat UI Kit](https://www.sketchappsources.com/free-source/1933-wechat-ui-kit-sketch-freebie-resource.html) — This UI Kit provides many assets, icons, screens, and interactions for Chinese premier messaging app: WeChat, or Weixin. Provided in both English and Chinese, with support for main 4 tabs (Chat, Contacts, Discover, Me), official account pages, Chat, Moments, Profile, QR Code and more. Available for Sketch format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [EgoMessenger UI Kit](https://www.xdguru.com/ego-free-messenger-ui-kit/) — Ego is not purely iOS UI kit, but its very clean and useful if you need to work with Russian copy. All texts there are done for a Russian-speaking chat app. The kit has 20 well-designed mobile screens, minimalistic icons, and cool colour pallet. Prepared for Adobe XD. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Messenger Platform Design Kit](https://developers.facebook.com/docs/messenger-platform/design-resources/design-kit) — Official UI Kit for Facebook Messaging bot, which includes components for both conversational and GUI-based experiences. Available for Sketch. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="more-cool-ui-kits">
### More cool UI Kits
* [Uplabs App UI Design](https://dribbble.com/shots/5350462-Uplabs-Redesign) — Uplabs Homepage UI Redesign ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Vera Block Free UI Kit](http://vera.kkuistore.com/) — Each screen and component is made carefully and easily customized for any project. This product will speed up your work in mobile design. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [InVision Studio Spaced](https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files?ref=uistore.design) — InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [H1 Free Mobile UI Kit](https://www.behance.net/gallery/61798721/H1-Free-Mobile-UI-Kit-for-Sketch-Photoshop) — 10 Categories. 130 Templates. 470+ UI Elements. For Sketch & Photoshop ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![Photoshop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/photoshop.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Now - A beautiful cross-platform UI kit](https://www.invisionapp.com/inside-design/design-resources/now) — Build immersive experiences for web, tablet, and mobile with the Now UI kit. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [InVision Studio Spaced](https://dribbble.com/shots/5727904-InVision-Studio-Spaced-Source-Files) — InVision Studio - Spaced Source Files. Minimal and clean UI Kit design, 27 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) ![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [Bauhaus UI Kit for Adobe XD](https://www.behance.net/gallery/66759837/Bauhaus-Inspired-UI-kit-for-Adobe-XD) — Founded 100 years ago still relevant today! Kick-start your next project and download this Bauhaus inspired. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Avsc Free UI Kit](https://www.behance.net/gallery/56393381/avsc-Free-UI-Kit) — We spent hundreds of hours to create this beautiful looking UI kit. Get things done faster ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Grada Free Figma UI Kit](https://dribbble.com/shots/4249223-Grada-Free-Figma-UI-Kit) — I've been working on a little Figma asset that I thought I could share with the community. It's a pretty rich UI kit. Hope you like it and find it useful! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [MNML iOS UI Kit](https://ui8.net/products/mnml) — Multi-purpose iOS UI Kit for Sketch, Figma, PS & Adobe XD. Designed by UI8.net ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) ![Photoshop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/photoshop.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Argon Mobile UI Kit](https://ui8.net/products/argon-mobile-ui-kit) — Argon Mobile UI Kit accelerates the design process and helps you swiftly create fresh and complex designs. All the components are designed to look great together, following the same design pattern. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch, Figma, Adobe XD ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Basic UX for Invision Studio](https://watracz.com/project/basicux) — The final deliverable was a family of 4 products that you can download and use for free. Just download InVision Studio, open their App Store and search for 128 Outline Icons, eCommerce Wireframe Kit, User Interface Kit and Web Wireframe Kit. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) ![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [Santa's Little Helper Free UI Kit](https://dribbble.com/shots/5716755-Free-UI-Kit-Santa-s-Little-Helper) — Minimal and clean app design, ready for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Atro Mobile UI Kit Freebie](https://dribbble.com/shots/5793014-Atro-Mobile-UI-kit-Freebie) — Whatever you need a nudge to start work on your idea, find inspiration or just want to add Atro Mobile UI kit to your freebie toolbox, go ahead and grab this awesome mobile UI kit containing 12 beautiful handpicked screens for free. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Finder for iPad Concept](https://medium.muz.li/finder-for-ipad-concept-bringing-the-finder-and-new-advanced-multitasking-to-the-ipad-28a00e671ad8) — Bringing the Finder and new advanced multitasking to the iPad. Experimentations with creating a Finder app for the iPad Pro with external storage management, Quick Look integration, column view, resizable sidebar, improved multitasking and dark mode. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Responsive Resize UI Kit for Adobe XD](https://www.behance.net/gallery/72045189/Responsive-Resize-Kit) — The kit comes packed with 14 screens, 164 components and everything is fully customizable and responsive. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Gamify - Free Adobe XD UI Kit](https://www.behance.net/gallery/80987407/GAMIFY-Free-UI-kit) — A mobile UI kit for Gaming App ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [HeaderZ - Free UI Kit](https://www.behance.net/gallery/81976229/HeaderZ-FREE-UI-KIT) — 20 Free Headers to kickstart your next web design project. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Head: Free Sketch Header Starter Kit](https://www.stefanopeschiera.com/head-ui-kit) — Head is a free high-quality user interface kit includes 6 modern headers designed for Sketch. Kickstart your website with some hand-crafted ideas for your header. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Shards UI Kit](https://dribbble.com/shots/3931508-Shards-A-Free-Modern-UI-Kit-based-on-Bootstrap-4) — A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework. ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Ticketapp - Figma and Sketch Template](https://symu.co/freebies/mobile-apps/ticketapp-figma-and-sketch-template/) — Sketch and Figma template based on existing ticketing apps. All elements are easy to modify and build upon. So if you are building an app for choosing the tickets to the cinema or theatre, this will be a good start.![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="movies">
### Movies
* [Movies App UI Kit](https://www.sketchappsources.com/free-source/3074-movies-app-ui-kit-sketch-freebie-resource.html) — Colourful movies based iOS UI Kit, which includes over 30 screens with fully customizable layouts and layers (for Sketch). It is designed for iPhone X and available both in English and Chinese. Pretty good start for your movie app! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="music">
### Music
* [Orizon Music Player UI Kit](https://dribbble.com/shots/6639818-Orizon-music-player-Kit) — Minimal and clean music player, includes 3 screens. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Leuphorie Music UI Kit Freebie](https://dribbble.com/shots/5596849-L-euphorie-Music-UI-Kit-freebie) — Leuphorie is a Multi-purpose, Creative UI Kit, with a very minimal and modern trendy design. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [SoundBuzz Music App Free UI Kit](https://dribbble.com/shots/5368950-SoundBuzz-Music-App-Free-UI-KIT) — Fresh and vibrant music UI kit design for App and Website ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Urban Music UI Kit](https://dribbble.com/shots/4746947-URBAN-MUSIC-UI) — Minimal and clean app design, 10 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Music App UI Kit](https://dribbble.com/shots/5429864-Free-Music-App-Ui-Kit) — Minimal and clean music app design, 7 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Holo Music Kits](https://sketchrepo.com/free-sketch/holo-music-app-kit-freebie/) — Its very colourful and modern UI kit for a music app, done in dark and light themes. The free version has screens for a playlist and a player, available in Sketch format. Not so huge but nice-looking :) ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Music App UI Kit for Adobe XD](https://www.behance.net/gallery/86624751/Free-Music-App-UI-Kit-for-Adobe-XD) — The Music App UI Kit is a component-based UI Kit designed exclusively for Adobe XD by Unmesh Gite. If you are struggling with creating great user-interfaces, then this kit will give your designs a great boost. This Kit features fully-customizable components, including UI elements, colours, typography. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Vinyl Store - A Free eCommerce UI Kit](https://dribbble.com/shots/5272875--Vinyl-store-A-Free-E-commerce-UI-Kit-sketch-psd) — This is a conceptual design for an online Records Store ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="onboarding">
### Onboarding
* [Handyman App UI Kit For Adobe XD](https://dribbble.com/shots/5366541-Handyman-app-UI-kit-for-XD-FREEBIE) — Including 7 iPhone X screens and 2 onboarding illustration. It's designed in Adobe XD. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [App Onboarding Walkthrough Screens](https://www.behance.net/gallery/71937425/Free-App-Onboarding-Walkthrough-screens) — Elegant and clean illustrations for any kind of app. Easy to edit. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg)
* [Error Illustration Screens](https://www.behance.net/gallery/71937709/Free-Error-Illustration-Screens) — Elegant and clean illustrations for any kind of app. Easy to edit. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg)
* [Humaaans: Mix & Match illustration library](https://www.humaaans.com/) — Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch. Create your own remix. Change the hairdos, tops, and pants. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="pets">
### Pets
* [Pawtastic UI Kit for Adobe XD](https://www.behance.net/gallery/62932019/Pawtastic-UI-Kit-for-Adobe-XD) — Pawtastic is a whimsical e-commerce UI kit and web app prototype that's dead simple to customize. The kit combines a fun and informative marketing one pager, a multi-step booking process, and a beautiful dashboard. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Doglife UI Kit Free for Adobe XD](https://www.behance.net/gallery/73935801/Doglife-Ui-Kit-Free-for-Adobe-XD) — Doglife is an app for dogs and dogs lovers, who loves to share photos of their dogs and dog's lifestyle. Minimal and clean app design, ready for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Pet Walk App UI Kit for Figma](https://dribbble.com/shots/9055808-Free-UI-kit-02-available) — It is an application dedicated to your pets: monitor their health, share their progress with the community and improve their lives. The kit is free for personal projects. 12 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="photo">
### Photo
* [Unsplash UI Kit](https://dribbble.com/shots/7232794-Unsplash-iOS-UI-Kit-Sketch-Invision-Studio) — Elegant and clean UI Kit for any kind of app. 35+ screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [DarkPIX UI Kit for Adobe XD](https://dribbble.com/shots/8719899-Free-DarkPIX-UI-Kit-Stock-images-App-design) — DarkPIX UI kit designed for Photography, Free Stock Images and HD wallpaper apps. Package includes 20+ Screen Adobe XD files. Free editable showcase mock-ups included for Presentation. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
</article>
<article id="social-apps">
### Social Apps
* [Bronze UI Kit](https://dribbble.com/shots/3405444-FREE-UI-KIT-BRONZE) — a clean and customizable UI Kit with signup, login, user profile, blog screens and templates for articles. You would love its adventure colour scheme, shots and typography. Available in Photoshop format with a free Google fonts. This kit is not purely for iOS platform, but its design is so vibrant! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Photoshop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/photoshop.svg)
* [Mail UI Kit](https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail/?ref=flawlessapp) — InVision is releasing a lot of UI kits! Mail is the most recent cross-platform UI Kit for social apps. Its made for desktop, mobile, tablet, and smartwatch formats. So it will very useful if you want to make a cross-platform app. Available for Sketch & Photoshop in 3 colours. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![Photoshop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/photoshop.svg)
* [Snap UI Kit](https://blog.marvelapp.com/snap-free-mobile-ui-kit-sketch/?ref=flawlessapp) — Fresh and colourful mobile UI Kit for photo sharing app, available in Sketch format. It includes over 50 screens and a lot of beautiful elements, from buttons, search bars, sliders to camera elements and notification bars. This kit can be a huge-time saver if you are planning to implement a photo app. Prepared by Marvel folks. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Moon heart UI Kit](https://www.xdguru.com/moon-heart-free-ui-kit/) — Its Adobe XD kit for an image sharing app. The kit has 23 app screens with different categories: Login, Register, Boost Message, Slideshow, Social images explorers, Gift, Vote and much more. The kit is very colorful and optimized for iPhone X. Oh, and the Kit name is so romantic :) ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Momento - Free Sketch UI Kit](https://dribbble.com/shots/4074132-Momento-Free-Sketch-UI-Kit) — Design for social media applications by Kuldeep Sharma ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Moon Heart Free Adobe Xd UI Kit](https://dribbble.com/shots/3862131-Moon-heart-Social-images-sharing-Adobe-XD-free-download) — Social images sharing. 23+ artboards freebie template for everyone ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Social UI Kit for Figma](https://dribbble.com/shots/6384317-Social-UI-Kit-Freebie-2-Dribbble-Invites) — Minimal and clean UI Kit, 16 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Meetio UI Kit for Adobe XD](https://www.behance.net/gallery/72907227/Meetio-UI-Kit) — Say hi to the Meetio UI Kit for @Adobe XD. More than 80 screens, very unique and yet customizable for your needs! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [YouTube Redesign Concept](https://craftwork.design/youtube-redesign/) — Introducing concept on YouTube redesign. In the new version of this web service, we made it more clear and minimalistic, so any user who will visit the website will easily manage to use it. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg)
</article>
<article id="style-guide">
### Style Guide
* [Valkyrie UI Kit](https://dribbble.com/shots/5330763-Valkyrie-UI-Kit-Free-Resource) — Valkyrie is another brand new UI Kit completely free to assist everyone in building their interfaces. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [UIDE Style Guide UI Kit](https://dribbble.com/shots/3366725-UIDE-Kit-Style-Guide-Template-FREEBIE) — Style guide template with ready to use UI Kit ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Brand Identity Guidelines 2.0](https://dribbble.com/shots/3907511-Brand-Identity-Guidelines-2-0) — Easy-to-use and editable brand identity template ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Brand Identity Guidelines 2.0 - Dark Edition](https://dribbble.com/shots/4247719-Brand-Identity-Guidelines-2-0-Dark-Edition) — Easy-to-use and editable brand identity template created in Sketch ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Eggplore UI Style Guide](https://dribbble.com/shots/5779721-Eggplore-UI-StyleGuide-Freebie) — Elegant and clean template from tmrw. team. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="taxi--cars">
### Taxi & Cars
* [Taxi App UI Kit for Figma](https://www.gulp.space/) — 40+ Figma UI elements which covers the main flows of a taxi app. 13 car type icons. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Green Taxi Free App UI Kit](https://www.behance.net/gallery/81233987/Green-Taxi-Free-UI-Kit-for-Adobe-XD) — Minimal and clean app design for Adobe XD, 15 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Tesla Model Y - Concept UI Kit for Figma](https://dribbble.com/shots/6201044-Tesla-Model-Y-Concept-Ui-Freebie-Figma) — Check some car configuration flow concepts and feel free to download it. Minimal and clean app design, 6 screens for you to get started. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Vehirent UI Kit](https://dribbble.com/shots/5374414--Vehirent-sketch-freebie) — 10 iOS interface screens. It depicts map, filtering, ride history, payments and settings. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Audi Freebie](https://dribbble.com/shots/4649600-Audi-Freebie) — Minimal and clean app design, 6 screens for you to get started ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
</article>
<article id="todos">
### Todos
* [Aking To-Do List App Free UI Kit](https://dribbble.com/shots/6481270-Aking-to-do-list-app-UI-Kit-Freebie) — Aking is a simple to-do list and an task management app which helps you complete yours. Though you are sharing a food list with your relatives, working on a project or making plan to go on holiday, Aking will help you take note easily, share and complete all the to-do list ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Project Management Tool UI Kit](https://dribbble.com/shots/6582015-Project-Management-Tool-UI-Kit-Free) — Minimal and clean UI Kit design, 12 screens for you to get started. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch and Adobe XD. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [every. UI Kit for Figma](https://dribbble.com/shots/8552532-every-Freebie) — every. is a mobile app concept representing a personal assistant that can help you through your daily office routine ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
* [Planguru Free UI Kit](https://www.netguru.co/planguru-ui-kit-freebies) — 18 beautiful screens designed in Sketch, ready for use in personal and professional projects ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Penman App UI Kit](https://medium.com/sketch-app-sources/penman-speak-your-notes-e8861bb679b7) — Penman is an iOS notes app with the power of Speech To Text ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [DO UI Kit](https://www.invisionapp.com/do?ref=flawlessapp) — Colourful kit for to-do app with over 130 screens, 10 complete themes, and 250+ components to mix. This kit has totally everything: calendar, walk-through, groups, list, timeline, settings, navigation and much more! Its retina-ready and available for Sketch, Photoshop and Craft. Kudos to InVision team! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![invision-studio.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
</article>
<article id="travel">
### Travel
* [Travel App UI Kit](https://www.behance.net/gallery/57717777/Free-Travel-app-UI-Kit) — Travel-inspired UI Kit with 15+ well-organized mobile screens for login, county view, place information, photos, map and much more. Its packed with a clean design and stunning photos of your next dream destination. Available in Sketch format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Flight App](https://dribbble.com/shots/4909311-Flight-App-Freebie) — Another freebie from Pixelz Studio. Grab it and enjoy. We'll share Freebie every Friday, so stay tuned ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Navigo UI Kit](https://dribbble.com/shots/4137786-Navigo-UI-Kit) — It is UI Kit for the transportation & travel app with social profiles. I loved its colour scheme, nice travel photos and overall great looking designs. Navigo is a huge kit with 60 screens organized in 6 categories: Main App, Onboarding, Activity & Profiles, Stats, Info. Navigo is optimized for iPhone X resolution and available in Adobe XD format.
Travel Guide App UI Kit ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [Harmony UI Kit for Sketch](https://dribbble.com/shots/3524788-Harmony-UI-Kit-Summary) — Location-oriented mobile app concept to find, share and rate hiking places around you ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Travel Guide App UI Kit](https://www.uplabs.com/posts/ui-ux-for-travel-guide-app-kit) — The app concept has been designed for the iPhone X to showcase a better use of Location Filter and Travel cards. Its not typical UI Kit but rather a real app concept, which is available for personal use. It has more than 10 brightly-design screens and animations, all prepared for .sketch format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Travelisto UI Kit](https://dribbble.com/shots/3624797-Travelisto-UI-Kit-For-Sketch) — Travelisto is representing an imaginary travel app with over 22 iOS screens designed in vector format. Available in White and Dark versions for Sketch App. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Harmony UI Kit](https://www.sketchappsources.com/free-source/2657-harmony-ui-kit-sketch-freebie-resource.html) — Location-oriented mobile app concept to find, share and rate hiking places around you. Harmony includes over 10 iOS ready core screens designed in vector format and based on symbols. While its not so big, its made using a pretty cool colour scheme. So worth checking out. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Travel App for Adobe XD](https://ui8.net/products/travel-app) — Crafted carefully with all possible features related to travel information services. It contains totally 28 screens. Each screen is fully customizable, easy to use and carefully layered and organized in Adobe XD. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
* [FlyMe - Free Travel App UI Kit](https://store.thefarhan.com/downloads/free-travel-app-ui-kit/) — Minimal and clean app design by Farhan. Make traveling fun with new friends and design beautiful with this UI Kit. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Atlas - Free Mobile UI Kit](https://www.invisionapp.com/inside-design/design-resources/free-mobile-ui-kit-atlas/) — Atlas is a free travel app UI kit from InVision. Layouts sized for mobile, desktop, and tablet and available in Sketch and PSD formats. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) ![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)
* [Free Travel App Ui Kit](https://www.behance.net/gallery/57717777/Free-Travel-App-UIUX-Kit) — 15+ carefully designed mobile screens, done by 7ninjas. All screens and components are nicely organized. So it will be easy to start working with it. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Real Estate App UI Kit](https://dribbble.com/shots/3296162-Free-Real-Estate-App-Ui-Kit-Sketch) — Very clean UI Kit with 25 artboards organized in 8 pages and categories: Onboarding, Sign In, Permissions, Home, Discovery, and Posts. Available in Sketch format. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Hotelify - Hotel Booking App for Figma](https://dribbble.com/shots/7266365-Hotelify-Free-iOS-mobile-kit-for-Figma) — Minimal and clean app design, 14 screens for you to get started with your next booking app. ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![figma.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
</article>
<article id="watch">
### Watch
* [Apple Watch UI Kit 2.0](https://janlosert.com/store/watch-ui-kit.html) — Pack of 10+ App Concepts for Apple Watch with over 5500 Downloads! All screens ready for both 38 & 42mm Apple Watch resolutions. The full package comes with a Apple Watch icon guide as well. Compatible with Sketch 41, Photoshop CC 2015 and later ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![sketch.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)
* [Smartwatch UI Kit for Adobe XD](https://dribbble.com/shots/4137938-Smartwatch-UI-Kit-for-Adobe-XD) — Completely free and fully customizable Smartwatch UI Kit for Adobe XD. Enjoy! ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) ![adobe-xd.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)
</article>
<article id="addendum">
### Addendum (Reference & Inspiration)
Awesome Design UI Kits are curated by [Lisa Dziuba](https://twitter.com/LisaDziuba), [Valia Havruliyk](https://twitter.com/ValiaHavryliuk) & [Vladimir Berezovsky](https://twitter.com/berezovskycom) from Flawless team. If you found some great design UI Kit, please [suggest it](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md). And thanks for making this project awesome :)
</article>
</main>

View File

@ -0,0 +1,38 @@
# 📜 Contribution Guidelines
### for Awesome Design Tools, Plugins, Design Conferences, UI Kits
If you would like to contribute, just send a Pull Request. Please follow these rules:
* Search previous suggestions before making a new one to prevent duplicates.
* Try to make your Pull Request descriptive and check all questions in the PR template.
* End all descriptions with a full stop/period and remove trailing whitespace.
* Check spelling and grammar.
* Please, add appropriate tags.
* If you submit a design tool to the Awesome Design Tools repo, please put the tool in the alphabetical order. All tools are great, so we want to treat them equally.
* If you submit a design conference to the Awesome Design Conferences repo, please put the conference according to the date. The earliest conference should be first. It's just easy to perceive.
* New categories are welcomed if you have 2+ tools, plugins, UI Kits, or conferences to submit to that category.
## 📍 One tool, plugin, UI Kit or conference can go only to one category
For example, in Awesome Design Tools, every category presents some design work or task. Many design tools allow us to solve multiple tasks. But in this list, one tool with full description & link is always submitted only to one category (section). Why do so? Because we want to avoid many duplications and misunderstanding around tool functionality.
However, if the tool can be used for another task, just mention the tool name in the additional sentence at the end of another category, like here: `You can also do prototyping with Figma, Adobe XD, Sketch and InVision Studio, which are mentioned in the UI Design Tools section.`
## 🔗 Link Format
* Please, use the following format for the links in Pull Requests: ``[Tool\Plugin\UI Kit\Conference](link) — description``. The description should start from the lower-case letter unless it's starting with the tool name.
* Please, add the appropriate labels:
* ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) for free tools. **Free means** entirely free tools, not freemium or those which have free trial, free limited functionality. For adding label just copy & paste the following snippet: ``![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)``
* ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg) for open-source tools. Use the following snippet: ``![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)``
* ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg) for Mac only tools. Use the following snippet: ``![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)``
* ![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg) for Sketch plugins and UI Kits: `![Sketch](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/sketch.svg)`
* ![Adobe XD](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg) for XD plugins and UI Kits: `![Adobe XD](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/adobe-xd.svg)`
* ![Figma](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg) for Figma plugins and UI Kits: `![Figma](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)`
* ![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg) for InVision Studio: `![InVision Stusio](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/invision-studio.svg)`
* ![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg) for Mobile UI Kits: `![Mobile](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/smartphone-mobile-phone-svgrepo-com.svg)`
* ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg) for UI Kits which can be used for websites, web app and other web products: `![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg)`
* ![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg) for desktop UI Kits: `![Desktop](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/desktop.svg)`
## Review Workflow
We will do our best to review your submission as soon as we can. Please, consider that we have a full-time job in our startup :) Your contribution might be rejected if the tool, UI Kit, plugin or conferences didn't pass our curation. Of course, this is very subjective and if you think we are being unfair, do let us know.

21
LICENSE Normal file
View File

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2019 Lisa Dziuba
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

BIN
Media/Abstract.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Media/Adobe XD (1).png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
Media/Adobe XD.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

BIN
Media/Maze.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Media/Porkbun.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
Media/ProtoPie.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
Media/SuperNova.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

17
Media/adk-logo.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 61.1 (101010) - https://sketch.com -->
<title>9659587E-EF92-4A00-A660-D91F849A257C</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-uikits-v1" transform="translate(-80.000000, -28.000000)" fill-rule="nonzero">
<g id="Group-3" transform="translate(80.000000, 28.000000)">
<g id="adp-logo">
<path d="M9.84079466,-3.97579883e-16 L19.1592053,3.97579883e-16 C22.581064,-2.31005361e-16 23.8219127,0.356286537 25.0728931,1.02531817 C26.3238735,1.69434981 27.3056502,2.67612654 27.9746818,3.92710693 C28.6437135,5.17808732 29,6.41893597 29,9.84079466 L29,19.1592053 C29,22.581064 28.6437135,23.8219127 27.9746818,25.0728931 C27.3056502,26.3238735 26.3238735,27.3056502 25.0728931,27.9746818 C23.8219127,28.6437135 22.581064,29 19.1592053,29 L9.84079466,29 C6.41893597,29 5.17808732,28.6437135 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 1.54003574e-16,22.581064 -2.65053255e-16,19.1592053 L2.65053255e-16,9.84079466 C-1.54003574e-16,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,2.31005361e-16 9.84079466,-3.97579883e-16 Z" id="Rectangle-Copy" fill="#C22FC7"></path>
<path d="M13.705,-9.9475983e-14 L19.0340827,6.57907027 C21.1875281,9.23835394 21.6915329,10.4268928 21.9588651,11.8201224 C22.2261973,13.2133521 22.0810656,14.594188 21.5299065,15.9013907 C20.9787474,17.2085934 20.2386453,18.2663714 17.5793616,20.4198169 L10.3375964,26.2840827 C8.56515091,27.7193808 7.44606724,28.4219333 6.48426465,28.8100478 C5.35883486,28.6392716 4.64463751,28.3584214 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 -1.56430452e-13,22.581064 -1.56849508e-13,19.1592053 L-1.56319402e-13,9.84079466 C-1.56738459e-13,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,1.44418601e-14 9.84079466,1.38132748e-14 L13.705,-9.9475983e-14 Z" id="Combined-Shape" fill="#A318A8"></path>
<path d="M3.34262682,1.37350581 L6.60782212,2.82824881 C9.73384559,4.22004412 10.7225024,5.05022669 11.5932102,6.17023706 C12.463918,7.29024744 12.9614911,8.58646969 13.0638623,10.0014168 C13.1662336,11.416364 12.9870189,12.6948504 11.5952236,15.8208739 L7.80508453,24.3336656 C6.78588896,26.6228163 6.06785615,27.7658121 5.31663652,28.5556519 C4.79354791,28.401099 4.36093667,28.2066965 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 4.27865677e-14,22.581064 4.23675109e-14,19.1592053 L4.28976174e-14,9.84079466 C4.24785606e-14,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.58637257,2.87802642 2.36736844,2.01826639 3.34262682,1.37350581 Z" id="Combined-Shape" fill="#850289"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

21
Media/adobe-xd.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>67C5A0D6-5EC7-4EB6-B0AA-3D22564ACFA1</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-948.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="sketch-support-tag" transform="translate(421.000000, 1.000000)">
<g id="adobe-xd-1" transform="translate(7.000000, 6.000000)">
<path d="M12.3438,14.9969237 L2.6562,14.9969237 C1.1874,14.9969237 0,13.7793273 0,12.2731747 L0,2.72374897 C0,1.21759639 1.1874,0 2.6562,0 L12.3438,0 C13.8126,0 15,1.21759639 15,2.72374897 L15,12.2731747 C15,13.7793273 13.8126,14.9969237 12.3438,14.9969237 Z" id="Path" fill="#FF26BE"></path>
<path d="M12.1062,14.3558244 L2.8938,14.3558244 C1.644,14.3558244 0.6252,13.3111157 0.6252,12.0295324 L0.6252,2.9673913 C0.6252,1.68580804 1.644,0.641099262 2.8938,0.641099262 L12.1002,0.641099262 C13.3566,0.641099262 14.3688,1.68580804 14.3688,2.9673913 L14.3688,12.0233798 C14.3748,13.3111157 13.356,14.3558244 12.1062,14.3558244 Z" id="Path" fill="#2E001F"></path>
<path d="M5.931,7.01763741 L7.6812,10.4655455 C7.7124,10.516612 7.6938,10.5682937 7.6434,10.5682937 L6.5556,10.5682937 C6.4866,10.5682937 6.4554,10.5492207 6.4242,10.4852338 C6.024,9.63925349 5.6178,8.79327317 5.199,7.88330599 L5.1864,7.88330599 C4.8114,8.74220673 4.3986,9.64602133 3.999,10.4920016 C3.9678,10.5430681 3.9366,10.5627564 3.8862,10.5627564 L2.856,10.5627564 C2.7936,10.5627564 2.787,10.5116899 2.8188,10.4729286 L4.5312,7.1271534 L2.8752,3.74323216 C2.8374,3.69216571 2.8752,3.65340443 2.9124,3.65340443 L3.9876,3.65340443 C4.05,3.65340443 4.0752,3.66632486 4.0998,3.72415915 C4.4934,4.57013946 4.8936,5.44196062 5.2686,6.29409352 L5.2812,6.29409352 C5.6436,5.44811321 6.0438,4.57013946 6.4314,3.73031173 C6.4626,3.67924528 6.4812,3.64725185 6.5442,3.64725185 L7.5504,3.64725185 C7.6002,3.64725185 7.6194,3.68601313 7.5882,3.73707957 L5.931,7.01763741 Z M7.9878,8.06234619 C7.9878,6.56911403 8.9568,5.40258409 10.494,5.40258409 C10.6254,5.40258409 10.6938,5.40258409 10.8192,5.41550451 L10.8192,3.7173913 C10.8192,3.67863002 10.8504,3.65340443 10.8816,3.65340443 L11.8692,3.65340443 C11.919,3.65340443 11.9316,3.67247744 11.9316,3.70447088 L11.9316,9.58818704 C11.9316,9.76107465 11.9316,9.97887613 11.9628,10.2163659 C11.9628,10.2551272 11.9502,10.2674323 11.913,10.2871206 C11.388,10.5436833 10.8378,10.6587367 10.3128,10.6587367 C8.9562,10.664274 7.9872,9.80598852 7.9878,8.06234619 Z M10.8186,6.42206727 C10.731,6.38330599 10.6062,6.35808039 10.4562,6.35808039 C9.6684,6.35808039 9.1188,6.97949139 9.1188,8.011895 C9.1188,9.19134537 9.6816,9.6657096 10.3878,9.6657096 C10.5378,9.6657096 10.7004,9.64663659 10.8192,9.59495488 L10.8192,6.42206727 L10.8186,6.42206727 Z" id="Shape" fill="#FFD9F2" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

45
Media/desktop.svg Normal file
View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="15" height="15" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
<g>
<rect x="155.039" y="97.251" width="122.5" height="30.625"/>
<rect x="197.148" y="142.232" width="122.5" height="30.625"/>
<rect x="155.039" y="187.212" width="122.5" height="30.625"/>
<rect x="197.148" y="232.193" width="122.5" height="30.632"/>
<rect x="155.039" y="277.166" width="122.5" height="30.625"/>
<path d="M22.969,362.717h183.75v52.951h-69.863v30.625h216.289v-30.625h-69.863v-52.951h183.75
c12.633,0,22.969-10.336,22.969-22.969V66.676c0-12.633-10.336-22.969-22.969-22.969H22.969C10.336,43.707,0,54.043,0,66.676
v273.073C0,352.381,10.336,362.717,22.969,362.717z M30.625,74.332h428.75v257.76H30.625V74.332z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

23
Media/figma.svg Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="15px" viewBox="0 0 10 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>E4D6A3B6-10C8-463E-8A77-596D7A5CC2CE</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-792.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="figma-support-tag" transform="translate(265.000000, 1.000000)">
<g id="figma-1" transform="translate(7.000000, 6.000000)">
<path d="M2.5,15 C3.88,15 5,13.88 5,12.5 L5,10 L2.5,10 C1.12,10 0,11.12 0,12.5 C0,13.88 1.12,15 2.5,15 Z" id="path0_fill" fill="#0ACF83"></path>
<path d="M0,7.5 C0,6.12 1.12,5 2.5,5 L5,5 L5,10 L2.5,10 C1.12,10 0,8.88 0,7.5 Z" id="path1_fill" fill="#A259FF"></path>
<path d="M0,2.5 C0,1.12 1.12,0 2.5,0 L5,0 L5,5 L2.5,5 C1.12,5 0,3.88 0,2.5 Z" id="path1_fill_1_" fill="#F24E1E"></path>
<path d="M5,0 L7.5,0 C8.88,0 10,1.12 10,2.5 C10,3.88 8.88,5 7.5,5 L5,5 L5,0 Z" id="path2_fill" fill="#FF7262"></path>
<path d="M10,7.5 C10,8.88 8.88,10 7.5,10 C6.12,10 5,8.88 5,7.5 C5,6.12 6.12,5 7.5,5 C8.88,5 10,6.12 10,7.5 Z" id="path3_fill" fill="#1ABCFE"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Media/flawless-feedback.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

9
Media/free.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -0,0 +1 @@
<svg height="15" viewBox="0 0 48 48" width="15" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h48v48h-48z" fill="#e74969"/><path d="m37.206 37.132h3.703v3.703h-3.703zm-5.835-1.381c0-4.227-9.669-.904-9.669-7.844 0-2.761 2.338-5.132 6.186-5.132 4.067 0 6.211 2.493 6.284 5.743h-2.898c-.024-1.711-1.169-3.079-3.385-3.079-2.021 0-3.263.855-3.263 2.395 0 3.812 9.742.855 9.742 7.795 0 3.152-2.728 5.205-6.868 5.205-4.603 0-6.381-2.932-6.478-5.767h2.923c.122 1.858 1.364 3.104 3.702 3.104 2.36 0 3.724-.856 3.724-2.42" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 534 B

9
Media/mac.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB

9
Media/open-source.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 10 KiB

55
Media/photoshop.svg Normal file
View File

@ -0,0 +1,55 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="15" height="15" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">
<g>
<path style="fill:#393687;" d="M40.824,52H11.176C5.003,52,0,46.997,0,40.824V11.176C0,5.003,5.003,0,11.176,0h29.649
C46.997,0,52,5.003,52,11.176v29.649C52,46.997,46.997,52,40.824,52z"/>
<g>
<path style="fill:#89D3FF;" d="M12.16,39H9.28V11h9.64c2.613,0,4.553,0.813,5.82,2.44c1.266,1.626,1.9,3.76,1.9,6.399
c0,0.934-0.027,1.74-0.08,2.42c-0.054,0.681-0.22,1.534-0.5,2.561c-0.28,1.026-0.66,1.866-1.14,2.52
c-0.48,0.654-1.213,1.227-2.2,1.72c-0.987,0.494-2.16,0.74-3.52,0.74h-7.04V39z M12.16,27h6.68c0.96,0,1.773-0.187,2.44-0.56
c0.666-0.374,1.153-0.773,1.46-1.2c0.306-0.427,0.546-1.04,0.72-1.84c0.173-0.801,0.267-1.4,0.28-1.801
c0.013-0.399,0.02-0.973,0.02-1.72c0-4.053-1.694-6.08-5.08-6.08h-6.52V27z"/>
<path style="fill:#89D3FF;" d="M29.48,33.92l2.8-0.12c0.106,0.987,0.6,1.754,1.48,2.3c0.88,0.547,1.893,0.82,3.04,0.82
s2.14-0.26,2.98-0.78c0.84-0.52,1.26-1.266,1.26-2.239s-0.36-1.747-1.08-2.32c-0.72-0.573-1.6-1.026-2.64-1.36
c-1.04-0.333-2.086-0.686-3.14-1.06c-1.054-0.373-1.98-0.96-2.78-1.76c-0.987-0.934-1.48-2.073-1.48-3.42s0.54-2.601,1.62-3.761
s2.833-1.739,5.26-1.739c0.854,0,1.653,0.1,2.4,0.3c0.746,0.2,1.28,0.394,1.6,0.58l0.48,0.279l-0.92,2.521
c-0.854-0.666-1.974-1-3.36-1c-1.387,0-2.42,0.26-3.1,0.78c-0.68,0.52-1.02,1.18-1.02,1.979c0,0.88,0.426,1.574,1.28,2.08
c0.853,0.507,1.813,0.934,2.88,1.28c1.066,0.347,2.126,0.733,3.18,1.16c1.053,0.427,1.946,1.094,2.68,2s1.1,2.106,1.1,3.6
c0,1.494-0.6,2.794-1.8,3.9C41,39.046,39.246,39.6,36.94,39.6c-2.307,0-4.114-0.547-5.42-1.64
C30.213,36.867,29.533,35.52,29.48,33.92z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

42
Media/sketch.svg Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>5B108AAF-111D-43D8-B969-BD9A55E68A64</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-863.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="sketch-support-tag" transform="translate(336.000000, 1.000000)">
<g id="sketch-2" transform="translate(7.000000, 6.000000)">
<g id="a-link" transform="translate(0.030421, 5.389709)" fill="#EA6C00">
<polygon id="a" points="3.42344211 0 8.45186316 9.59302326 0 0"></polygon>
</g>
<g id="b-link" transform="translate(12.640842, 10.186221) scale(-1, 1) translate(-12.640842, -10.186221) translate(8.346105, 5.389709)" fill="#EA6C00">
<polygon id="b" points="3.42344211 0 8.45186316 9.59302326 0 0"></polygon>
</g>
<g id="c-link" transform="translate(3.453684, 5.389709)" fill="#FDAD00">
<polygon id="c" points="0 0 10.0568421 0 5.02842105 9.59302326"></polygon>
</g>
<g id="d-link" transform="translate(3.453684, 0.073256)" fill="#FDD231">
<polygon id="d" points="5.02842105 0 0.264663158 0.490813953 0 5.31645349"></polygon>
</g>
<g id="e-link" transform="translate(10.915789, 2.776744) scale(-1, 1) translate(-10.915789, -2.776744) translate(8.321053, 0.073256)" fill="#FDD231">
<polygon id="e" points="5.02842105 0 0.264663158 0.490813953 0 5.31645349"></polygon>
</g>
<g id="f-link" transform="translate(15.056632, 3.005930) scale(-1, 1) translate(-15.056632, -3.005930) translate(13.177684, 0.564070)" fill="#FDAD00">
<polygon id="f" points="0 4.82563953 3.68810526 0 3.42344211 4.82563953"></polygon>
</g>
<g id="g-link" transform="translate(0.030421, 0.564070)" fill="#FDAD00">
<polygon id="g" points="0 4.82563953 3.68810526 0 3.42344211 4.82563953"></polygon>
</g>
<g id="h-link" transform="translate(3.453684, 0.073256)" fill="#FEEEB7">
<polygon id="h" points="5.02842105 0 0 5.31645349 10.0568421 5.31645349"></polygon>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="15px" height="15px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve">
<path style="fill:#F4EFEF;" d="M166,506h172.4c26,0,47.2-24,47.2-50.4v-400c0-26.4-21.2-46-47.6-46H166c-26,0-47.6,17.2-47.6,43.6
v401.2C118.4,480.8,140,506,166,506z"/>
<path style="fill:#CDEEF9;" d="M366.4,78H140.8l-2.4-1.2V434h228V78z"/>
<path d="M167.2,508c-29.6,0-54.8-24.4-54.8-53.2V53.6c0-28.8,25.2-53.2,54.8-53.6l175.2,0.4c29.6,0,52.8,23.6,52.8,53.2l0.4,401.2
l0,0c0,29.6-24,53.2-53.2,53.2H167.2z M167.2,8c-25.2,0-46.8,20.8-46.8,45.6v401.2c0,24.4,21.6,45.2,46.8,45.2h174.4
c24.8,0,45.2-20.4,45.2-45.2l-0.4-401.2c0-25.2-19.6-45.2-44.8-45.2L167.2,8z"/>
<path d="M368.4,440h-232c-2.4,0-4-1.6-4-4V76c0-2.4,1.6-4,4-4h182c2.4,0,4,1.6,4,4s-1.6,4-4,4h-178v352h224V80h-10c-2.4,0-4-1.6-4-4
s1.6-4,4-4h14c2.4,0,4,1.6,4,4v360C372.4,438.4,370.8,440,368.4,440z"/>
<path d="M282.4,48h-56c-2.4,0-4-1.6-4-4s1.6-4,4-4h56c2.4,0,4,1.6,4,4S284.8,48,282.4,48z"/>
<path d="M207.6,44.4c-1.2,0-2-0.4-2.8-1.2c-0.8-0.8-1.2-2-1.2-2.8c0-1.2,0.4-2,1.2-2.8c1.6-1.6,4-1.6,5.6,0c0.8,0.8,1.2,2,1.2,2.8
s-0.4,2-1.2,2.8C209.6,44,208.4,44.4,207.6,44.4z"/>
<path d="M235.6,172c-1.2,0-2-0.4-2.8-1.2l-92-92c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l92,92c1.6,1.6,1.6,4,0,5.6
C237.6,171.6,236.4,172,235.6,172z"/>
<path d="M295.6,232c-1.2,0-2-0.4-2.8-1.2l-40-40c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l40,40c1.6,1.6,1.6,4,0,5.6
C297.6,231.6,296.4,232,295.6,232z"/>
<path d="M331.6,312c-1.2,0-2-0.4-2.8-1.2L212.4,194.4c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l116.4,116.4c1.6,1.6,1.6,4,0,5.6
C334,311.6,332.8,312,331.6,312z"/>
<path d="M367.6,348c-1.2,0-2-0.4-2.8-1.2l-19.2-19.2c-1.6-1.6-1.6-4,0-5.6s4-1.6,5.6,0l19.2,19.2c1.6,1.6,1.6,4,0,5.6
C369.6,347.6,368.4,348,367.6,348z"/>
<path d="M254,492.4c-4.4,0-8.8-1.2-12.4-3.6c-5.6-3.2-9.2-8.8-10.8-14.8c-1.6-6.4-0.4-12.8,2.8-18c3.2-5.6,8.8-9.2,14.8-10.8
c3.6-0.8,7.2-0.8,10.4,0c2,0.4,3.6,2.4,3.2,4.8c-0.4,2-2.4,3.6-4.8,3.2c-2.4-0.4-4.8-0.4-7.2,0c-4,0.8-7.6,3.6-10,7.2s-2.8,8-2,12
s3.6,7.6,7.2,10c3.6,2.4,8,2.8,12,2s7.6-3.6,10-7.2s2.8-8,2-12c-0.4-2,0.8-4.4,2.8-4.8s4.4,0.8,4.8,2.8c1.6,6.4,0.4,12.8-2.8,18
c-3.2,5.6-8.8,9.2-14.8,10.8C257.6,492,255.6,492.4,254,492.4z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

71
Media/web.svg Normal file
View File

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="15" height="15" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 201.526 201.526" style="enable-background:new 0 0 201.526 201.526;" xml:space="preserve">
<g>
<g>
<g>
<path d="M191.125,11.403H10.4C4.666,11.403,0,16.068,0,21.805v59.108c0,5.738,4.666,10.404,10.4,10.404h180.726
c5.734,0,10.4-4.666,10.4-10.403V21.805C201.525,16.068,196.86,11.403,191.125,11.403z M194.577,80.914h-0.001
c0,1.903-1.547,3.454-3.451,3.454H10.4c-1.904,0-3.451-1.551-3.451-3.454V21.805c0-1.903,1.547-3.454,3.451-3.454h180.726
c1.903,0,3.451,1.551,3.451,3.454V80.914z"/>
<path d="M63.924,35.968c-1.751-0.801-3.807-0.027-4.605,1.714L48.821,60.606l-3.19-6.696l6.109-13.338
c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.811-0.027-4.605,1.714l-3.687,8.051l-3.859-8.099
c-0.825-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.947-22.97
c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C66.434,38.83,65.671,36.766,63.924,35.968z"/>
<path d="M122.991,35.968c-1.754-0.801-3.807-0.027-4.605,1.714l-10.498,22.924l-3.19-6.696l6.109-13.338
c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.807-0.027-4.604,1.714l-3.687,8.051l-3.859-8.099
c-0.821-1.734-2.891-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.947-22.97
c-0.821-1.734-2.891-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C125.502,38.83,124.739,36.766,122.991,35.968z"/>
<path d="M182.059,35.968c-1.751-0.801-3.807-0.027-4.605,1.714l-10.498,22.924l-3.19-6.696l6.109-13.338
c0.797-1.744,0.034-3.807-1.714-4.605c-1.751-0.801-3.807-0.027-4.605,1.714l-3.687,8.051l-3.859-8.099
c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l6.358,13.347l-3.04,6.638l-10.946-22.971
c-0.821-1.734-2.888-2.477-4.628-1.642c-1.734,0.825-2.47,2.898-1.642,4.628l14.143,29.686c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l3.716-8.113l3.888,8.161c0.573,1.211,1.795,1.982,3.135,1.982
c0.01,0,0.017,0,0.027,0c1.347-0.01,2.569-0.801,3.132-2.029l13.596-29.686C184.57,38.83,183.806,36.766,182.059,35.968z"/>
<path d="M183.461,140.316L130.3,97.208c-1.065-0.865-2.545-1.018-3.766-0.397c-1.222,0.621-1.965,1.907-1.893,3.278l3.627,68.345
c0.078,1.455,1.055,2.708,2.45,3.139c1.384,0.421,2.904-0.061,3.787-1.222c0.065-0.081,5.398-7.075,11.231-12.901l15.68,30.776
c0.417,0.821,1.143,1.442,2.022,1.727c0.35,0.112,0.713,0.17,1.072,0.17c0.543,0,1.086-0.129,1.578-0.38l12.385-6.311
c0.821-0.417,1.442-1.143,1.727-2.022c0.285-0.876,0.21-1.829-0.21-2.65l-15.68-30.772c8.14-1.293,16.932-1.5,17.037-1.5
c1.455-0.034,2.742-0.97,3.213-2.348C185.031,142.759,184.594,141.232,183.461,140.316z M158.337,142.055
c-1.045,0.238-1.92,0.943-2.375,1.914c-0.451,0.97-0.434,2.097,0.054,3.05l16.206,31.8l-6.192,3.156l-16.206-31.804
c-0.485-0.953-1.384-1.632-2.436-1.832c-0.217-0.044-0.438-0.065-0.658-0.065c-0.831,0-1.646,0.298-2.283,0.859
c-3.444,3.003-6.926,6.756-9.715,9.972l-2.734-51.576l40.117,32.53C167.876,140.426,162.793,141.037,158.337,142.055z"/>
</g>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

1236
README.md Normal file

File diff suppressed because it is too large Load Diff

BIN
docs/assets/.DS_Store vendored Normal file

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 507 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 544 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 731 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 61.1 (101010) - https://sketch.com -->
<title>9659587E-EF92-4A00-A660-D91F849A257C</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-uikits-v1" transform="translate(-80.000000, -28.000000)" fill-rule="nonzero">
<g id="Group-3" transform="translate(80.000000, 28.000000)">
<g id="adp-logo">
<path d="M9.84079466,-3.97579883e-16 L19.1592053,3.97579883e-16 C22.581064,-2.31005361e-16 23.8219127,0.356286537 25.0728931,1.02531817 C26.3238735,1.69434981 27.3056502,2.67612654 27.9746818,3.92710693 C28.6437135,5.17808732 29,6.41893597 29,9.84079466 L29,19.1592053 C29,22.581064 28.6437135,23.8219127 27.9746818,25.0728931 C27.3056502,26.3238735 26.3238735,27.3056502 25.0728931,27.9746818 C23.8219127,28.6437135 22.581064,29 19.1592053,29 L9.84079466,29 C6.41893597,29 5.17808732,28.6437135 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 1.54003574e-16,22.581064 -2.65053255e-16,19.1592053 L2.65053255e-16,9.84079466 C-1.54003574e-16,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,2.31005361e-16 9.84079466,-3.97579883e-16 Z" id="Rectangle-Copy" fill="#C22FC7"></path>
<path d="M13.705,-9.9475983e-14 L19.0340827,6.57907027 C21.1875281,9.23835394 21.6915329,10.4268928 21.9588651,11.8201224 C22.2261973,13.2133521 22.0810656,14.594188 21.5299065,15.9013907 C20.9787474,17.2085934 20.2386453,18.2663714 17.5793616,20.4198169 L10.3375964,26.2840827 C8.56515091,27.7193808 7.44606724,28.4219333 6.48426465,28.8100478 C5.35883486,28.6392716 4.64463751,28.3584214 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 -1.56430452e-13,22.581064 -1.56849508e-13,19.1592053 L-1.56319402e-13,9.84079466 C-1.56738459e-13,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.69434981,2.67612654 2.67612654,1.69434981 3.92710693,1.02531817 C5.17808732,0.356286537 6.41893597,1.44418601e-14 9.84079466,1.38132748e-14 L13.705,-9.9475983e-14 Z" id="Combined-Shape" fill="#A318A8"></path>
<path d="M3.34262682,1.37350581 L6.60782212,2.82824881 C9.73384559,4.22004412 10.7225024,5.05022669 11.5932102,6.17023706 C12.463918,7.29024744 12.9614911,8.58646969 13.0638623,10.0014168 C13.1662336,11.416364 12.9870189,12.6948504 11.5952236,15.8208739 L7.80508453,24.3336656 C6.78588896,26.6228163 6.06785615,27.7658121 5.31663652,28.5556519 C4.79354791,28.401099 4.36093667,28.2066965 3.92710693,27.9746818 C2.67612654,27.3056502 1.69434981,26.3238735 1.02531817,25.0728931 C0.356286537,23.8219127 4.27865677e-14,22.581064 4.23675109e-14,19.1592053 L4.28976174e-14,9.84079466 C4.24785606e-14,6.41893597 0.356286537,5.17808732 1.02531817,3.92710693 C1.58637257,2.87802642 2.36736844,2.01826639 3.34262682,1.37350581 Z" id="Combined-Shape" fill="#850289"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="13px" viewBox="0 0 16 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>filter-icon</title>
<desc>Created with Sketch.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="awesome-design-plugins-v3-tools-filter-v3-copy" transform="translate(-1233.000000, -36.000000)" fill-rule="nonzero" stroke="#BE5DC2" stroke-width="2">
<g id="Group-5" transform="translate(1225.000000, 24.000000)">
<g id="filter-icon" transform="translate(9.000000, 13.000000)">
<g id="Group-2">
<path d="M0,0.744318182 L14,0.744318182" id="Path-2"></path>
<path d="M2,5.74431818 L12,5.74431818" id="Path-2"></path>
<path d="M5,10.7443182 L9,10.7443182" id="Path-2"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="13px" viewBox="0 0 16 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
<title>search-icon</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="awesome-design-plugins-v3-tools-filter-v3" transform="translate(-1236.000000, -36.000000)" fill-rule="nonzero" stroke="#52B372" stroke-width="2">
<g id="Group-5" transform="translate(1228.000000, 24.000000)">
<g id="search-icon" transform="translate(9.000000, 13.000000)">
<g id="Group-2">
<line x1="0" y1="0.744318182" x2="14" y2="0.744318182" id="Path-2"></line>
<line x1="2" y1="5.74431818" x2="12" y2="5.74431818" id="Path-2"></line>
<line x1="5" y1="10.7443182" x2="9" y2="10.7443182" id="Path-2"></line>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 61.1 (101010) - https://sketch.com -->
<title>809279DA-3C01-4619-8588-0B6FBFD3EF13</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-uikits-v1" transform="translate(-684.000000, -23.000000)">
<g id="Group-6" transform="translate(655.000000, 0.000000)">
<g id="Group-4">
<g id="tab-description" transform="translate(29.000000, 23.000000)">
<g id="plugin-icon-selected">
<circle id="Oval" fill="#F2A7F5" fill-rule="nonzero" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="Group-7" transform="translate(9.000000, 9.000000)">
<path d="M7.6916556,-3.10752092e-16 L13.3083444,3.10752092e-16 C15.9829006,-1.80555915e-16 16.9527593,0.278476833 17.9305371,0.801398111 C18.9083149,1.32431939 19.6756806,2.09168511 20.1986019,3.06946289 C20.7215232,4.04724067 21,5.01709938 21,7.6916556 L21,13.3083444 C21,15.9829006 20.7215232,16.9527593 20.1986019,17.9305371 C19.6756806,18.9083149 18.9083149,19.6756806 17.9305371,20.1986019 C16.9527593,20.7215232 15.9829006,21 13.3083444,21 L7.6916556,21 C5.01709938,21 4.04724067,20.7215232 3.06946289,20.1986019 C2.09168511,19.6756806 1.32431939,18.9083149 0.801398111,17.9305371 C0.278476833,16.9527593 1.2037061e-16,15.9829006 -2.07168062e-16,13.3083444 L2.07168062e-16,7.6916556 C-1.2037061e-16,5.01709938 0.278476833,4.04724067 0.801398111,3.06946289 C1.32431939,2.09168511 2.09168511,1.32431939 3.06946289,0.801398111 C4.04724067,0.278476833 5.01709938,1.80555915e-16 7.6916556,-3.10752092e-16 Z" id="Rectangle" stroke="#BE5DC2" stroke-width="2"></path>
<path d="M4.15374839,13 L16.8462516,13 C17.2474351,13 17.3929139,13.0417715 17.5395805,13.1202097 C17.6862472,13.1986479 17.8013521,13.3137528 17.8797903,13.4604195 C17.9582285,13.6070861 18,13.7525649 18,14.1537484 L18,15.6840486 C18,16.2780468 17.9071744,16.6509198 17.7328673,16.9768457 C17.5585602,17.3027716 17.3027716,17.5585602 16.9768457,17.7328673 C16.6509198,17.9071744 16.2780468,18 15.6840486,18 L5.31595144,18 C4.72195321,18 4.34908022,17.9071744 4.0231543,17.7328673 C3.69722837,17.5585602 3.4414398,17.3027716 3.2671327,16.9768457 C3.09282561,16.6509198 3,16.2780468 3,15.6840486 L3,14.1537484 C3,13.7525649 3.04177153,13.6070861 3.12020972,13.4604195 C3.19864792,13.3137528 3.31375278,13.1986479 3.46041945,13.1202097 C3.60708612,13.0417715 3.75256494,13 4.15374839,13 Z" id="Rectangle" fill="#850289"></path>
<path d="M12.1537484,3 L15.4361148,3 C16.3276335,3 16.6509198,3.09282561 16.9768457,3.2671327 C17.3027716,3.4414398 17.5585602,3.69722837 17.7328673,4.0231543 C17.9071744,4.34908022 18,4.67236646 18,5.5638852 L18,9.84625166 C18,10.2474351 17.9582285,10.3929139 17.8797903,10.5395806 C17.8013521,10.6862472 17.6862472,10.8013521 17.5395806,10.8797903 C17.3929139,10.9582285 17.2474351,11 16.8462517,11 L12.1537483,11 C11.7525649,11 11.6070861,10.9582285 11.4604194,10.8797903 C11.3137528,10.8013521 11.1986479,10.6862472 11.1202097,10.5395806 C11.0417715,10.3929139 11,10.2474351 11,9.84625166 L11,4.15374839 C11,3.75256494 11.0417715,3.60708612 11.1202097,3.46041945 C11.1986479,3.31375278 11.3137528,3.19864792 11.4604195,3.12020972 C11.6070861,3.04177153 11.7525649,3 12.1537484,3 Z" id="Rectangle" fill="#850289"></path>
<path d="M4.15374839,3 L7.4361148,3 C8.32763354,3 8.65091978,3.09282561 8.9768457,3.2671327 C9.30277163,3.4414398 9.5585602,3.69722837 9.7328673,4.0231543 C9.90717439,4.34908022 10,4.67236646 10,5.5638852 L10,9.84625166 C10,10.2474351 9.95822847,10.3929139 9.87979028,10.5395806 C9.80135209,10.6862472 9.68624723,10.8013521 9.53958057,10.8797903 C9.3929139,10.9582285 9.24743509,11 8.84625166,11 L4.15374834,11 C3.75256491,11 3.6070861,10.9582285 3.46041943,10.8797903 C3.31375277,10.8013521 3.19864791,10.6862472 3.12020972,10.5395806 C3.04177153,10.3929139 3,10.2474351 3,9.84625166 L3,4.15374839 C3,3.75256494 3.04177153,3.60708612 3.12020972,3.46041945 C3.19864792,3.31375278 3.31375278,3.19864792 3.46041945,3.12020972 C3.60708612,3.04177153 3.75256494,3 4.15374839,3 Z" id="Rectangle" fill="#BE5DC2" transform="translate(6.500000, 7.000000) scale(-1, 1) translate(-6.500000, -7.000000) "></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 61.1 (101010) - https://sketch.com -->
<title>9CBD9806-432E-4049-A8DE-4898D83FBA66</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-uikits-v1" transform="translate(-684.000000, -83.000000)">
<g id="plugin-icon-selected" transform="translate(684.000000, 83.000000)">
<circle id="Oval" fill="#DFE6F2" fill-rule="nonzero" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="Group-7" transform="translate(9.000000, 9.000000)">
<path d="M7.6916556,-3.10752092e-16 L13.3083444,3.10752092e-16 C15.9829006,-1.80555915e-16 16.9527593,0.278476833 17.9305371,0.801398111 C18.9083149,1.32431939 19.6756806,2.09168511 20.1986019,3.06946289 C20.7215232,4.04724067 21,5.01709938 21,7.6916556 L21,13.3083444 C21,15.9829006 20.7215232,16.9527593 20.1986019,17.9305371 C19.6756806,18.9083149 18.9083149,19.6756806 17.9305371,20.1986019 C16.9527593,20.7215232 15.9829006,21 13.3083444,21 L7.6916556,21 C5.01709938,21 4.04724067,20.7215232 3.06946289,20.1986019 C2.09168511,19.6756806 1.32431939,18.9083149 0.801398111,17.9305371 C0.278476833,16.9527593 1.2037061e-16,15.9829006 -2.07168062e-16,13.3083444 L2.07168062e-16,7.6916556 C-1.2037061e-16,5.01709938 0.278476833,4.04724067 0.801398111,3.06946289 C1.32431939,2.09168511 2.09168511,1.32431939 3.06946289,0.801398111 C4.04724067,0.278476833 5.01709938,1.80555915e-16 7.6916556,-3.10752092e-16 Z" id="Rectangle" stroke="#BCC6D6" stroke-width="2"></path>
<path d="M4.15374839,13 L16.8462516,13 C17.2474351,13 17.3929139,13.0417715 17.5395805,13.1202097 C17.6862472,13.1986479 17.8013521,13.3137528 17.8797903,13.4604195 C17.9582285,13.6070861 18,13.7525649 18,14.1537484 L18,15.6840486 C18,16.2780468 17.9071744,16.6509198 17.7328673,16.9768457 C17.5585602,17.3027716 17.3027716,17.5585602 16.9768457,17.7328673 C16.6509198,17.9071744 16.2780468,18 15.6840486,18 L5.31595144,18 C4.72195321,18 4.34908022,17.9071744 4.0231543,17.7328673 C3.69722837,17.5585602 3.4414398,17.3027716 3.2671327,16.9768457 C3.09282561,16.6509198 3,16.2780468 3,15.6840486 L3,14.1537484 C3,13.7525649 3.04177153,13.6070861 3.12020972,13.4604195 C3.19864792,13.3137528 3.31375278,13.1986479 3.46041945,13.1202097 C3.60708612,13.0417715 3.75256494,13 4.15374839,13 Z" id="Rectangle" fill="#A4AEBD"></path>
<path d="M12.1537484,3 L15.4361148,3 C16.3276335,3 16.6509198,3.09282561 16.9768457,3.2671327 C17.3027716,3.4414398 17.5585602,3.69722837 17.7328673,4.0231543 C17.9071744,4.34908022 18,4.67236646 18,5.5638852 L18,9.84625166 C18,10.2474351 17.9582285,10.3929139 17.8797903,10.5395806 C17.8013521,10.6862472 17.6862472,10.8013521 17.5395806,10.8797903 C17.3929139,10.9582285 17.2474351,11 16.8462517,11 L12.1537483,11 C11.7525649,11 11.6070861,10.9582285 11.4604194,10.8797903 C11.3137528,10.8013521 11.1986479,10.6862472 11.1202097,10.5395806 C11.0417715,10.3929139 11,10.2474351 11,9.84625166 L11,4.15374839 C11,3.75256494 11.0417715,3.60708612 11.1202097,3.46041945 C11.1986479,3.31375278 11.3137528,3.19864792 11.4604195,3.12020972 C11.6070861,3.04177153 11.7525649,3 12.1537484,3 Z" id="Rectangle" fill="#A4AEBD"></path>
<path d="M4.15374839,3 L7.4361148,3 C8.32763354,3 8.65091978,3.09282561 8.9768457,3.2671327 C9.30277163,3.4414398 9.5585602,3.69722837 9.7328673,4.0231543 C9.90717439,4.34908022 10,4.67236646 10,5.5638852 L10,9.84625166 C10,10.2474351 9.95822847,10.3929139 9.87979028,10.5395806 C9.80135209,10.6862472 9.68624723,10.8013521 9.53958057,10.8797903 C9.3929139,10.9582285 9.24743509,11 8.84625166,11 L4.15374834,11 C3.75256491,11 3.6070861,10.9582285 3.46041943,10.8797903 C3.31375277,10.8013521 3.19864791,10.6862472 3.12020972,10.5395806 C3.04177153,10.3929139 3,10.2474351 3,9.84625166 L3,4.15374839 C3,3.75256494 3.04177153,3.60708612 3.12020972,3.46041945 C3.19864792,3.31375278 3.31375278,3.19864792 3.46041945,3.12020972 C3.60708612,3.04177153 3.75256494,3 4.15374839,3 Z" id="Rectangle" fill="#BCC6D6" transform="translate(6.500000, 7.000000) scale(-1, 1) translate(-6.500000, -7.000000) "></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>67C5A0D6-5EC7-4EB6-B0AA-3D22564ACFA1</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-948.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="sketch-support-tag" transform="translate(421.000000, 1.000000)">
<g id="adobe-xd-1" transform="translate(7.000000, 6.000000)">
<path d="M12.3438,14.9969237 L2.6562,14.9969237 C1.1874,14.9969237 0,13.7793273 0,12.2731747 L0,2.72374897 C0,1.21759639 1.1874,0 2.6562,0 L12.3438,0 C13.8126,0 15,1.21759639 15,2.72374897 L15,12.2731747 C15,13.7793273 13.8126,14.9969237 12.3438,14.9969237 Z" id="Path" fill="#FF26BE"></path>
<path d="M12.1062,14.3558244 L2.8938,14.3558244 C1.644,14.3558244 0.6252,13.3111157 0.6252,12.0295324 L0.6252,2.9673913 C0.6252,1.68580804 1.644,0.641099262 2.8938,0.641099262 L12.1002,0.641099262 C13.3566,0.641099262 14.3688,1.68580804 14.3688,2.9673913 L14.3688,12.0233798 C14.3748,13.3111157 13.356,14.3558244 12.1062,14.3558244 Z" id="Path" fill="#2E001F"></path>
<path d="M5.931,7.01763741 L7.6812,10.4655455 C7.7124,10.516612 7.6938,10.5682937 7.6434,10.5682937 L6.5556,10.5682937 C6.4866,10.5682937 6.4554,10.5492207 6.4242,10.4852338 C6.024,9.63925349 5.6178,8.79327317 5.199,7.88330599 L5.1864,7.88330599 C4.8114,8.74220673 4.3986,9.64602133 3.999,10.4920016 C3.9678,10.5430681 3.9366,10.5627564 3.8862,10.5627564 L2.856,10.5627564 C2.7936,10.5627564 2.787,10.5116899 2.8188,10.4729286 L4.5312,7.1271534 L2.8752,3.74323216 C2.8374,3.69216571 2.8752,3.65340443 2.9124,3.65340443 L3.9876,3.65340443 C4.05,3.65340443 4.0752,3.66632486 4.0998,3.72415915 C4.4934,4.57013946 4.8936,5.44196062 5.2686,6.29409352 L5.2812,6.29409352 C5.6436,5.44811321 6.0438,4.57013946 6.4314,3.73031173 C6.4626,3.67924528 6.4812,3.64725185 6.5442,3.64725185 L7.5504,3.64725185 C7.6002,3.64725185 7.6194,3.68601313 7.5882,3.73707957 L5.931,7.01763741 Z M7.9878,8.06234619 C7.9878,6.56911403 8.9568,5.40258409 10.494,5.40258409 C10.6254,5.40258409 10.6938,5.40258409 10.8192,5.41550451 L10.8192,3.7173913 C10.8192,3.67863002 10.8504,3.65340443 10.8816,3.65340443 L11.8692,3.65340443 C11.919,3.65340443 11.9316,3.67247744 11.9316,3.70447088 L11.9316,9.58818704 C11.9316,9.76107465 11.9316,9.97887613 11.9628,10.2163659 C11.9628,10.2551272 11.9502,10.2674323 11.913,10.2871206 C11.388,10.5436833 10.8378,10.6587367 10.3128,10.6587367 C8.9562,10.664274 7.9872,9.80598852 7.9878,8.06234619 Z M10.8186,6.42206727 C10.731,6.38330599 10.6062,6.35808039 10.4562,6.35808039 C9.6684,6.35808039 9.1188,6.97949139 9.1188,8.011895 C9.1188,9.19134537 9.6816,9.6657096 10.3878,9.6657096 C10.5378,9.6657096 10.7004,9.64663659 10.8192,9.59495488 L10.8192,6.42206727 L10.8186,6.42206727 Z" id="Shape" fill="#FFD9F2" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="15px" viewBox="0 0 10 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>E4D6A3B6-10C8-463E-8A77-596D7A5CC2CE</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-792.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="figma-support-tag" transform="translate(265.000000, 1.000000)">
<g id="figma-1" transform="translate(7.000000, 6.000000)">
<path d="M2.5,15 C3.88,15 5,13.88 5,12.5 L5,10 L2.5,10 C1.12,10 0,11.12 0,12.5 C0,13.88 1.12,15 2.5,15 Z" id="path0_fill" fill="#0ACF83"></path>
<path d="M0,7.5 C0,6.12 1.12,5 2.5,5 L5,5 L5,10 L2.5,10 C1.12,10 0,8.88 0,7.5 Z" id="path1_fill" fill="#A259FF"></path>
<path d="M0,2.5 C0,1.12 1.12,0 2.5,0 L5,0 L5,5 L2.5,5 C1.12,5 0,3.88 0,2.5 Z" id="path1_fill_1_" fill="#F24E1E"></path>
<path d="M5,0 L7.5,0 C8.88,0 10,1.12 10,2.5 C10,3.88 8.88,5 7.5,5 L5,5 L5,0 Z" id="path2_fill" fill="#FF7262"></path>
<path d="M10,7.5 C10,8.88 8.88,10 7.5,10 C6.12,10 5,8.88 5,7.5 C5,6.12 6.12,5 7.5,5 C8.88,5 10,6.12 10,7.5 Z" id="path3_fill" fill="#1ABCFE"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="15px" viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>5B108AAF-111D-43D8-B969-BD9A55E68A64</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-863.000000, -611.000000)">
<g id="content" transform="translate(520.000000, 469.000000)">
<g id="design-tool-item" transform="translate(0.000000, 135.000000)">
<g id="sketch-support-tag" transform="translate(336.000000, 1.000000)">
<g id="sketch-2" transform="translate(7.000000, 6.000000)">
<g id="a-link" transform="translate(0.030421, 5.389709)" fill="#EA6C00">
<polygon id="a" points="3.42344211 0 8.45186316 9.59302326 0 0"></polygon>
</g>
<g id="b-link" transform="translate(12.640842, 10.186221) scale(-1, 1) translate(-12.640842, -10.186221) translate(8.346105, 5.389709)" fill="#EA6C00">
<polygon id="b" points="3.42344211 0 8.45186316 9.59302326 0 0"></polygon>
</g>
<g id="c-link" transform="translate(3.453684, 5.389709)" fill="#FDAD00">
<polygon id="c" points="0 0 10.0568421 0 5.02842105 9.59302326"></polygon>
</g>
<g id="d-link" transform="translate(3.453684, 0.073256)" fill="#FDD231">
<polygon id="d" points="5.02842105 0 0.264663158 0.490813953 0 5.31645349"></polygon>
</g>
<g id="e-link" transform="translate(10.915789, 2.776744) scale(-1, 1) translate(-10.915789, -2.776744) translate(8.321053, 0.073256)" fill="#FDD231">
<polygon id="e" points="5.02842105 0 0.264663158 0.490813953 0 5.31645349"></polygon>
</g>
<g id="f-link" transform="translate(15.056632, 3.005930) scale(-1, 1) translate(-15.056632, -3.005930) translate(13.177684, 0.564070)" fill="#FDAD00">
<polygon id="f" points="0 4.82563953 3.68810526 0 3.42344211 4.82563953"></polygon>
</g>
<g id="g-link" transform="translate(0.030421, 0.564070)" fill="#FDAD00">
<polygon id="g" points="0 4.82563953 3.68810526 0 3.42344211 4.82563953"></polygon>
</g>
<g id="h-link" transform="translate(3.453684, 0.073256)" fill="#FEEEB7">
<polygon id="h" points="5.02842105 0 0 5.31645349 10.0568421 5.31645349"></polygon>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>059F6B97-0B3D-42CF-96AF-2426D55D5E0B</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-880.000000, -144.000000)" fill-rule="nonzero">
<g id="header-title" transform="translate(705.000000, 144.000000)">
<g id="adp-logo" transform="translate(175.000000, 0.000000)">
<path d="M20.3602648,2.73013461e-15 L39.6397352,4.37529275e-15 C46.7194428,3.07477155e-15 49.2867159,0.737144559 51.8749512,2.12134794 C54.4631865,3.50555132 56.4944487,5.53681353 57.8786521,8.12504882 C59.2628554,10.7132841 60,13.2805572 60,20.3602648 L60,39.6397352 C60,46.7194428 59.2628554,49.2867159 57.8786521,51.8749512 C56.4944487,54.4631865 54.4631865,56.4944487 51.8749512,57.8786521 C49.2867159,59.2628554 46.7194428,60 39.6397352,60 L20.3602648,60 C13.2805572,60 10.7132841,59.2628554 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 3.87134176e-15,46.7194428 3.00432763e-15,39.6397352 L4.10109972e-15,20.3602648 C3.23408559e-15,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.50555132,5.53681353 5.53681353,3.50555132 8.12504882,2.12134794 C10.7132841,0.737144559 13.2805572,4.03065581e-15 20.3602648,2.73013461e-15 Z" id="Rectangle-Copy" fill="#2FC763"></path>
<path d="M28.3581861,1.59872116e-14 L39.3808608,13.6118695 C43.8362651,19.1138357 44.8790335,21.5728817 45.4321347,24.4554257 C45.9852359,27.3379698 45.6849634,30.1948717 44.5446342,32.899429 C43.404305,35.6039863 41.8730592,37.7924926 36.371093,42.2478969 L21.3881305,54.3808608 C17.7229859,57.3488363 15.408162,58.8024267 13.41895,59.6056916 C11.0895749,59.2545816 9.61076545,58.673222 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 -1.5244806e-13,46.7194428 -1.53315074e-13,39.6397352 L-1.52218302e-13,20.3602648 C-1.53085316e-13,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.50555132,5.53681353 5.53681353,3.50555132 8.12504882,2.12134794 C10.7132841,0.737144559 13.2805572,1.82415105e-14 20.3602648,1.69409893e-14 L28.3581861,1.76234689e-14 Z" id="Combined-Shape" fill="#18A849"></path>
<path d="M10.9991492,59.0814879 C9.91760468,58.7608583 9.02258714,58.3586608 8.12504882,57.8786521 C5.53681353,56.4944487 3.50555132,54.4631865 2.12134794,51.8749512 C0.737144559,49.2867159 4.65039059e-14,46.7194428 4.56368918e-14,39.6397352 L4.67336639e-14,20.3602648 C4.58666497e-14,13.2805572 0.737144559,10.7132841 2.12134794,8.12504882 C3.28179714,5.95519748 4.89702096,4.17680548 6.91393893,2.84295328 L13.6713561,5.85154926 C20.1389909,8.73112577 22.1844878,10.4487449 23.9859522,12.7660077 C25.7874165,15.0832706 26.8168781,17.7651097 27.0286807,20.6925865 C27.2404833,23.6200634 26.8696943,26.2652077 23.9901178,32.7328425 L16.1484507,50.345515 C14.0394137,55.0824898 12.5536827,57.4473075 10.9991492,59.0814879 Z" id="Combined-Shape" fill="#0B7E32"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

49
docs/assets/svg/logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 988 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>40705D8A-BCC7-48F7-814E-FDB8063DBB9F</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-710.000000, -23.000000)" fill-rule="nonzero">
<g id="tab-description" transform="translate(710.000000, 23.000000)">
<g id="plugin-icon-selected">
<circle id="Oval" fill="#D2FAD7" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="plugin-icon" transform="translate(19.474874, 20.767767) rotate(-315.000000) translate(-19.474874, -20.767767) translate(10.474874, 8.267767)">
<path d="M6.24,15.2075472 L6.24,21.8876732 C6.24,23.3778 7.44798643,24.5857864 8.93811321,24.5857864 L8.93811321,24.5857864 C10.42824,24.5857864 11.6362264,23.3778 11.6362264,21.8876732 L11.6362264,20.1967929 C11.6362264,18.5538672 12.9680808,17.2220129 14.6110064,17.2220129 L14.6110064,17.2220129 C16.2539321,17.2220129 17.5857864,18.5538672 17.5857864,20.1967929 L17.5857864,23.249882" id="Path-8" stroke="#52B372" stroke-width="1.91999977" stroke-linecap="round"></path>
<path d="M10.08,5.88679245 L11.5200001,5.88679245 C11.7850967,5.88679245 12,6.10169575 12,6.3667924 L12,10.7924528 C12,13.5017742 9.80366104,15.6981132 7.09433962,15.6981132 L4.90566038,15.6981132 C2.19633896,15.6981132 3.3179618e-16,13.5017742 0,10.7924528 L0,6.3667924 C-3.24649762e-17,6.10169575 0.214903294,5.88679245 0.479999943,5.88679245 L1.92,5.88679245 L1.92,1.2 C1.92,0.5372583 2.4572583,1.21743675e-16 3.12,0 C3.7827417,-1.21743675e-16 4.32,0.5372583 4.32,1.2 L4.32,5.88679245 L7.68,5.88679245 L7.68,1.2 C7.68,0.5372583 8.2172583,1.21743675e-16 8.88,0 C9.5427417,-1.21743675e-16 10.08,0.5372583 10.08,1.2 L10.08,5.88679245 Z" id="Combined-Shape" fill="#028930"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>F6CB63FC-58C8-4012-BD1C-A034BC93E98D</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-tools-v3" transform="translate(-710.000000, -23.000000)" fill-rule="nonzero">
<g id="tab-description" transform="translate(710.000000, 23.000000)">
<g id="plugins-icon-unselected">
<circle id="Oval" fill="#DFE6F2" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="plugin-icon-copy" transform="translate(19.474874, 20.767767) rotate(-315.000000) translate(-19.474874, -20.767767) translate(10.474874, 8.267767)">
<path d="M6.24,15.2075472 L6.24,21.8876732 C6.24,23.3778 7.44798643,24.5857864 8.93811321,24.5857864 L8.93811321,24.5857864 C10.42824,24.5857864 11.6362264,23.3778 11.6362264,21.8876732 L11.6362264,20.1967929 C11.6362264,18.5538672 12.9680808,17.2220129 14.6110064,17.2220129 L14.6110064,17.2220129 C16.2539321,17.2220129 17.5857864,18.5538672 17.5857864,20.1967929 L17.5857864,23.249882" id="Path-8" stroke="#BCC6D6" stroke-width="1.91999977" stroke-linecap="round"></path>
<path d="M10.08,5.88679245 L11.5200001,5.88679245 C11.7850967,5.88679245 12,6.10169575 12,6.3667924 L12,10.7924528 C12,13.5017742 9.80366104,15.6981132 7.09433962,15.6981132 L4.90566038,15.6981132 C2.19633896,15.6981132 3.3179618e-16,13.5017742 0,10.7924528 L0,6.3667924 C-3.24649762e-17,6.10169575 0.214903294,5.88679245 0.479999943,5.88679245 L1.92,5.88679245 L1.92,1.2 C1.92,0.5372583 2.4572583,1.21743675e-16 3.12,0 C3.7827417,-1.21743675e-16 4.32,0.5372583 4.32,1.2 L4.32,5.88679245 L7.68,5.88679245 L7.68,1.2 C7.68,0.5372583 8.2172583,1.21743675e-16 8.88,0 C9.5427417,-1.21743675e-16 10.08,0.5372583 10.08,1.2 L10.08,5.88679245 Z" id="Combined-Shape" fill="#A4AEBD"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="63px" height="63px" viewBox="0 0 63 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>B557AFDE-085A-4616-9012-1A58006D71DF</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3-banners" transform="translate(-549.000000, -493.000000)" fill="#000000">
<g id="Group-2-Copy-2" transform="translate(520.000000, 450.000000)">
<g id="abstract-logo" transform="translate(29.000000, 43.000000)">
<g id="Group">
<path d="M31.3888235,0 C6.27529412,0 0,6.27529412 0,31.3888235 C0,56.5023529 6.27529412,62.7776471 31.3888235,62.7776471 C56.5023529,62.7776471 62.7776471,56.5023529 62.7776471,31.3888235 C62.7776471,6.27529412 56.5023529,0 31.3888235,0 Z M26.2376471,48.5594118 C19.6043718,48.5389596 14.2416952,43.148663 14.2553195,36.5153703 C14.2689437,29.8820775 19.6537175,24.5138553 26.2870208,24.5206517 C32.920324,24.527448 38.2940861,29.9066932 38.2941176,36.54 C38.2804863,43.1869573 32.8846148,48.5662431 26.2376471,48.5594118 Z M48.0652941,48.0652941 L42.1729412,48.0652941 L42.1729412,20.5923529 L14.7123529,20.5923529 L14.7123529,14.7123529 L48.0652941,14.7123529 L48.0652941,48.0652941 Z" id="Shape" fill-rule="nonzero"></path>
<circle id="Oval" cx="26.2376471" cy="36.54" r="6.12705882"></circle>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="74px" height="36px" viewBox="0 0 74 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>CA695A20-18CC-4C8A-B323-A76BE1719A4C</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3-banners" transform="translate(-544.000000, -845.000000)" fill="#225CFF">
<g id="Group-2-Copy-2" transform="translate(520.000000, 788.000000)">
<g id="maze-logo" transform="translate(24.000000, 57.000000)">
<path d="M49.3229892,1.636 L48.9092258,1.2008 L25.3573333,25.0488 L35.5653548,35.752 L49.3229892,21.8208 L63.0814194,35.752 L73.2894409,25.048 L49.7383441,1.2016 L49.3229892,1.636 Z M0.296795699,23.0504 L9.8396129,33.056 L31.9711828,10.6456 L22.4283656,0.64 L0.296795699,23.0504 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="74px" height="74px" viewBox="0 0 74 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>C0B40BF6-1174-4137-A74B-5FF9967FF87F</title>
<desc>Created with sketchtool.</desc>
<defs>
<path d="M3.33975904,0.100170732 C2.58529282,0.0971784518 1.86489322,0.413623895 1.35722892,0.97102439 C0.905552613,1.44579402 0.645796646,2.0707119 0.628012048,2.72536585 L0.628012048,2.90765854 C0.637048193,3.22712195 0.700301205,3.52853659 0.814156627,3.8064878 C0.818674699,3.82904878 0.828614458,3.8525122 0.836746988,3.87507317 C0.956017639,4.16114496 1.12589729,4.4234281 1.33825301,4.64936585 C1.34728916,4.66380488 1.36174699,4.67643902 1.37439759,4.69087805 L10.0210843,14.9552195 L13.1430723,18.6606341 L22.4864458,29.7507073 L25.6039157,33.4507073 L33.9731928,43.3838537 L37.0906627,47.0838537 L37.0906627,73.0289756 C38.9268072,73.0289756 40.5957831,72.298 41.821988,71.1185122 C41.826506,71.1185122 41.826506,71.1185122 41.826506,71.114 L42.7463855,70.0202439 L65.186747,43.3838537 L72.8710843,34.2629024 C72.9072289,34.2213902 72.9433735,34.1816829 72.9759036,34.1356585 C73.1394578,33.9299024 73.2722892,33.7024878 73.3680723,33.4516098 C73.4909639,33.1447805 73.5551205,32.8171951 73.5551205,32.4670488 L73.5551205,2.81741463 C73.5551205,2.10178049 73.2768072,1.44480488 72.8204819,0.967414634 C72.3103413,0.414016927 71.5911377,0.0997337575 70.8379518,0.101073171 L3.33975904,0.101073171 L3.33975904,0.100170732 Z" id="path-1"></path>
</defs>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3-banners" transform="translate(-543.000000, -322.000000)">
<g id="Group-2-Copy-2" transform="translate(520.000000, 281.000000)">
<g id="protopie-logo" transform="translate(23.000000, 41.000000)">
<g id="Group" transform="translate(0.028916, 0.374512)">
<g id="Clipped">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="a"></g>
<path d="M3.33975904,0.100170732 C2.58529282,0.0971784518 1.86489322,0.413623895 1.35722892,0.97102439 C0.905552613,1.44579402 0.645796646,2.0707119 0.628012048,2.72536585 L0.628012048,2.90765854 C0.637048193,3.22712195 0.700301205,3.52853659 0.814156627,3.8064878 C0.818674699,3.82904878 0.828614458,3.8525122 0.836746988,3.87507317 C0.956017639,4.16114496 1.12589729,4.4234281 1.33825301,4.64936585 C1.34728916,4.66380488 1.36174699,4.67643902 1.37439759,4.69087805 L10.0210843,14.9552195 L13.1430723,18.6606341 L22.4864458,29.7507073 L25.6039157,33.4507073 L33.9731928,43.3838537 L37.0906627,47.0838537 L37.0906627,73.0289756 C38.9268072,73.0289756 40.5957831,72.298 41.821988,71.1185122 C41.826506,71.1185122 41.826506,71.1185122 41.826506,71.114 L42.7463855,70.0202439 L65.186747,43.3838537 L72.8710843,34.2629024 C72.9072289,34.2213902 72.9433735,34.1816829 72.9759036,34.1356585 C73.1394578,33.9299024 73.2722892,33.7024878 73.3680723,33.4516098 C73.4909639,33.1447805 73.5551205,32.8171951 73.5551205,32.4670488 L73.5551205,2.81741463 C73.5551205,2.10178049 73.2768072,1.44480488 72.8204819,0.967414634 C72.3103413,0.414016927 71.5911377,0.0997337575 70.8379518,0.101073171 L3.33975904,0.101073171 L3.33975904,0.100170732 Z" id="Path" mask="url(#mask-2)"></path>
</g>
</g>
<path d="M3.3686747,0.475585366 C2.61420848,0.472593086 1.89380888,0.789038529 1.38614458,1.34643902 C0.93413832,1.82107178 0.674053952,2.44600534 0.656024096,3.10078049 L0.656024096,3.28307317 C0.665060241,3.60253659 0.729216867,3.90395122 0.843072289,4.181 C0.846686747,4.20356098 0.85753012,4.22702439 0.865662651,4.24958537 C0.984837869,4.53597715 1.15472206,4.79857298 1.36716867,5.02478049 C1.37620482,5.03831707 1.38975904,5.05185366 1.40331325,5.06539024 L10.05,15.3297317 L13.171988,19.0360488 L22.5153614,30.1252195 L25.6328313,33.826122 L34.0012048,43.7583659 L37.1186747,47.4592683 L37.1186747,73.4043902 C38.9557229,73.4043902 40.6246988,72.6734146 41.85,71.4930244 C41.8545181,71.4930244 41.8545181,71.4930244 41.8545181,71.4894146 L42.7762048,70.3947561 L65.2138554,43.7592683 L72.8981928,34.6383171 C72.9343373,34.5977073 72.9713855,34.5570976 73.003012,34.5119756 C73.1674699,34.3062195 73.2993976,34.0788049 73.3951807,33.8270244 C73.5180723,33.5210976 73.5822289,33.1935122 73.5822289,32.8433659 L73.5822289,3.19102439 C73.5822289,2.47629268 73.3048193,1.81931707 72.848494,1.34102439 C72.3383533,0.787626683 71.6191498,0.473343514 70.8659639,0.474682927 L3.3686747,0.474682927 L3.3686747,0.475585366 Z" id="Path" fill="#FE5E5A"></path>
<path d="M37.1195783,62.3089024 L37.1195783,73.4043914 C35.3538837,73.4053977 33.6570745,72.7202425 32.388253,71.4939268 C32.3837349,71.4939268 32.3837349,71.4939268 32.3837349,71.4894146 L31.4629518,70.3956585 L9.02439759,43.7592683 L1.38524096,34.6924634 C1.36808292,34.677952 1.35289444,34.6612664 1.34006024,34.6428293 L1.22168675,34.5011463 C1.21156801,34.491595 1.202482,34.4810085 1.19457831,34.469561 C1.04581141,34.2731186 0.925924275,34.0564477 0.838554217,33.826122 C0.726278421,33.5411463 0.664513733,33.238832 0.656024096,32.9327073 L0.656024096,32.7504146 C0.674096386,32.0672683 0.947891566,31.4563171 1.38524096,30.991561 C1.89546202,30.4377463 2.61512811,30.1234042 3.3686747,30.1252195 L9.99487952,30.1252195 L13.1123494,33.826122 L21.4807229,43.7583659 L35.2003012,60.0392683 L37.1150602,62.3134146 L37.1195783,62.3089024 Z" id="Path" fill="#FCD1CA"></path>
<path d="M37.1195783,47.4592683 L37.1195783,62.3089024 L37.1150602,62.3134146 L35.2003012,60.0392683 L21.4807229,43.7592683 L13.113253,33.8270244 L9.99578313,30.126122 L1.33463855,19.8527561 C1.12116308,19.6125711 0.952806453,19.3359083 0.837650602,19.0360488 C0.725706278,18.7497909 0.664551099,18.4462451 0.656927711,18.1390244 L0.656927711,17.9567317 C0.675,17.2771951 0.947891566,16.6662439 1.38524096,16.2014878 C1.89348124,15.64447 2.61410464,15.3283983 3.3686747,15.3315366 L10.05,15.3315366 L13.171988,19.0360488 L22.5153614,30.126122 L25.6328313,33.8270244 L34.0012048,43.7592683 L37.1186747,47.4592683 L37.1195783,47.4592683 Z" id="Path" fill="#FF9D8D"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>F58739A5-EC35-4CAF-9A96-8A3813904B8E</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3-banners" transform="translate(-544.000000, -151.000000)" fill="#171B1F" fill-rule="nonzero">
<g id="Group-2-Copy" transform="translate(520.000000, 112.000000)">
<g id="supernova-logo" transform="translate(24.000000, 39.000000)">
<path d="M35.292,0 L38.412,0 C47.928,1.512 52.812,11.34 54.192,19.98 C62.112,21.636 70.8,26.496 72,35.292 L72,38.412 C70.488,47.964 60.648,52.788 52.02,54.216 C50.388,62.148 45.468,70.8 36.684,72 L33.588,72 C24.048,70.488 19.2,60.648 17.808,52.02 C9.876,50.364 1.2,45.504 1.77635684e-15,36.708 L1.77635684e-15,33.588 C1.512,24.06 11.34,19.2 19.968,17.808 C21.612,9.864 26.52,1.212 35.292,2.13162821e-15 Z M30.384,10.08 C26.016,15.588 25.548,23.124 26.82,29.796 C31.74,23.652 39.264,20.004 47.076,19.5 C46.164,14.712 44.208,9.348 39.48,7.152 C36.216,5.58 32.424,7.392 30.384,10.08 Z M7.128,32.568 C5.592,35.832 7.416,39.6 10.104,41.64 C15.624,45.984 23.148,46.44 29.82,45.192 C23.628,40.296 20.004,32.736 19.488,24.912 C14.7,25.836 9.312,27.804 7.128,32.568 Z M42.144,26.808 C48.348,31.704 51.948,39.264 52.452,47.088 C57.24,46.188 62.616,44.244 64.836,39.516 C66.576,35.928 64.272,31.86 61.224,29.856 C55.728,25.932 48.576,25.668 42.144,26.808 Z M33.876,31.464 C30.576,32.88 30.024,37.872 33,39.912 C36,42.552 41.112,39.888 40.968,36 C41.076,32.52 36.972,29.88 33.876,31.464 Z M24.924,52.5 C25.836,57.312 27.816,62.7 32.592,64.884 C35.832,66.396 39.552,64.608 41.58,61.956 C45.984,56.424 46.452,48.852 45.168,42.144 C40.296,48.372 32.748,51.96 24.924,52.5 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="62px" height="60px" viewBox="0 0 62 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>56FF3D09-AF5C-48EA-BA2B-0B04FB273D48</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3-banners" transform="translate(-549.000000, -663.000000)">
<g id="Group-2-Copy-2" transform="translate(520.000000, 619.000000)">
<g id="xd-logo" transform="translate(29.000000, 44.000000)">
<path d="M51.0208333,60 L10.9791667,60 C4.90833333,60 0,55.1282051 0,49.1025641 L0,10.8974359 C0,4.87179487 4.90833333,0 10.9791667,0 L51.0208333,0 C57.0916667,0 62,4.87179487 62,10.8974359 L62,49.1025641 C62,55.1282051 57.0916667,60 51.0208333,60 Z" id="Path" fill="#FF26BE"></path>
<path d="M49.6165448,58 L11.4092574,58 C6.22509353,58 2,53.8107477 2,48.6705607 L2,12.3294393 C2,7.18925234 6.22509353,3 11.4092574,3 L49.590624,3 C54.8007087,3 59,7.18925234 59,12.3294393 L59,48.6448598 C59.0258022,53.8107477 54.8007087,58 49.6165448,58 Z" id="Path" fill="#2E001F"></path>
<g id="Group" transform="translate(11.000000, 15.000000)" fill="#FFD9F2">
<path d="M13.0689189,13.4954955 L20.2581081,27.0666667 C20.3864865,27.2684685 20.3094595,27.4702703 20.1040541,27.4702703 L15.6364865,27.4702703 C15.3540541,27.4702703 15.2256757,27.3945946 15.0972973,27.1423423 C13.4540541,23.8126126 11.7851351,20.4828829 10.0648649,16.9009009 L10.0135135,16.9009009 C8.47297297,20.2810811 6.77837838,23.8378378 5.13513514,27.1675676 C5.00675676,27.3693694 4.87837838,27.445045 4.67297297,27.445045 L0.436486486,27.445045 C0.17972973,27.445045 0.154054054,27.2432432 0.282432432,27.0918919 L7.31756757,13.9243243 L0.513513514,0.605405405 C0.359459459,0.403603604 0.513513514,0.252252252 0.667567568,0.252252252 L5.08378378,0.252252252 C5.34054054,0.252252252 5.44324324,0.302702703 5.54594595,0.52972973 C7.16351351,3.85945946 8.80675676,7.29009009 10.3472973,10.645045 L10.3986486,10.645045 C11.8878378,7.31531532 13.5310811,3.85945946 15.122973,0.554954955 C15.2513514,0.353153153 15.3283784,0.227027027 15.5851351,0.227027027 L19.7189189,0.227027027 C19.9243243,0.227027027 20.0013514,0.378378378 19.872973,0.58018018 L13.0689189,13.4954955 Z" id="Path"></path>
<path d="M21.5162162,17.6072072 C21.5162162,11.7297297 25.4959459,7.13873874 31.8121622,7.13873874 C32.3513514,7.13873874 32.6337838,7.13873874 33.1472973,7.18918919 L33.1472973,0.504504505 C33.1472973,0.353153153 33.2756757,0.252252252 33.4040541,0.252252252 L37.4608108,0.252252252 C37.6662162,0.252252252 37.7175676,0.327927928 37.7175676,0.454054054 L37.7175676,23.6108108 C37.7175676,24.2918919 37.7175676,25.1495495 37.8459459,26.0828829 C37.8459459,26.2342342 37.7945946,26.2846847 37.6405405,26.3603604 C35.4837838,27.3693694 33.2243243,27.8235636 31.0675676,27.8235636 C25.4959459,27.8486486 21.5162162,24.4684685 21.5162162,17.6072072 Z M33.1472973,11.1495495 C32.7878378,10.9981982 32.2743243,10.8972973 31.6581081,10.8972973 C28.422973,10.8972973 26.1635135,13.3441441 26.1635135,17.4054054 C26.1635135,22.0468468 28.4743243,23.9135135 31.3756757,23.9135135 C31.9918919,23.9135135 32.6594595,23.8378378 33.1472973,23.636036 L33.1472973,11.1495495 Z" id="Shape" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>EC8AD269-FBF7-400F-A976-B09CC0221EE5</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-903.000000, -34.000000)" fill-rule="nonzero" stroke="#A2A9B0" stroke-width="2">
<g id="Group-5" transform="translate(888.000000, 24.000000)">
<g id="search-icon" transform="translate(16.000000, 11.000000)">
<circle id="Oval" cx="7" cy="7" r="7"></circle>
<path d="M12,12 L16,16" id="Path-7" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 992 B

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>36955B56-68D6-4AEB-95EC-319326AFB705</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-tools-v3" transform="translate(-550.000000, -23.000000)" fill-rule="nonzero">
<g id="tab-description" transform="translate(550.000000, 23.000000)">
<g id="tools-icon-selected">
<circle id="Oval" fill="#D2E2FA" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="pn-tool-icon-selected" transform="translate(20.000000, 18.500000) rotate(-315.000000) translate(-20.000000, -18.500000) translate(13.000000, 7.000000)">
<path d="M6.54347826,10.511544 C5.58624895,10.722836 4.86956522,11.5847555 4.86956522,12.615912 C4.86956522,13.8054982 5.82339336,14.7698482 7,14.7698482 C8.17660664,14.7698482 9.13043478,13.8054982 9.13043478,12.615912 C9.13043478,11.5847555 8.41375105,10.722836 7.45652174,10.511544 L7.45652174,0.0473742635 C7.49189492,0.0876465635 7.52213461,0.132673324 7.54626515,0.181466785 L13.7492354,12.7242607 C13.9084456,13.0461936 13.9212137,13.4223771 13.7842069,13.7546149 L11.7458758,18.6975139 C11.6509205,18.927778 11.4285933,19.0777206 11.1821249,19.0777206 L3.07506599,19.0777206 C2.83741516,19.0777206 2.62133189,18.9381909 2.521123,18.7200274 L0.24870057,13.7727652 C0.0915749076,13.430689 0.09722908,13.0347191 0.264056261,12.6973841 L6.45373485,0.181466785 C6.47832875,0.131736394 6.50864793,0.0868254917 6.54347826,0.0471430732 L6.54347826,10.511544 Z" id="Path" fill="#0054D7"></path>
<path d="M2.45268542,18.4623103 L11.8516624,18.4623103 L12.5813987,21.3273817 C12.667768,21.666483 12.4628884,22.0113951 12.1237871,22.0977645 C12.0726776,22.1107821 12.0201427,22.1173673 11.9674015,22.1173673 L2.33694632,22.1173673 C1.9870187,22.1173673 1.70334632,21.833695 1.70334632,21.4837673 C1.70334632,21.4310261 1.70993154,21.3784912 1.72294917,21.3273817 L2.45268542,18.4623103 Z" id="Rectangle" fill="#73A9FF"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>5271BAD8-CA6B-43F2-BEF2-48D9CBFFFF49</title>
<desc>Created with sketchtool.</desc>
<g id="UI" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="awesome-design-plugins-v3" transform="translate(-550.000000, -23.000000)" fill-rule="nonzero">
<g id="tab-description" transform="translate(550.000000, 23.000000)">
<g id="tools-icon-unselected">
<circle id="Oval" fill="#DFE6F2" cx="19.5" cy="19.5" r="19.5"></circle>
<g id="pn-tool-icon-selected" transform="translate(20.000000, 18.500000) rotate(-315.000000) translate(-20.000000, -18.500000) translate(13.000000, 7.000000)">
<path d="M6.54347826,10.511544 C5.58624895,10.722836 4.86956522,11.5847555 4.86956522,12.615912 C4.86956522,13.8054982 5.82339336,14.7698482 7,14.7698482 C8.17660664,14.7698482 9.13043478,13.8054982 9.13043478,12.615912 C9.13043478,11.5847555 8.41375105,10.722836 7.45652174,10.511544 L7.45652174,0.0473742635 C7.49189492,0.0876465635 7.52213461,0.132673324 7.54626515,0.181466785 L13.7492354,12.7242607 C13.9084456,13.0461936 13.9212137,13.4223771 13.7842069,13.7546149 L11.7458758,18.6975139 C11.6509205,18.927778 11.4285933,19.0777206 11.1821249,19.0777206 L3.07506599,19.0777206 C2.83741516,19.0777206 2.62133189,18.9381909 2.521123,18.7200274 L0.24870057,13.7727652 C0.0915749076,13.430689 0.09722908,13.0347191 0.264056261,12.6973841 L6.45373485,0.181466785 C6.47832875,0.131736394 6.50864793,0.0868254917 6.54347826,0.0471430732 L6.54347826,10.511544 Z" id="Path" fill="#A4AEBD"></path>
<path d="M2.45268542,18.4623103 L11.8516624,18.4623103 L12.5813987,21.3273817 C12.667768,21.666483 12.4628884,22.0113951 12.1237871,22.0977645 C12.0726776,22.1107821 12.0201427,22.1173673 11.9674015,22.1173673 L2.33694632,22.1173673 C1.9870187,22.1173673 1.70334632,21.833695 1.70334632,21.4837673 C1.70334632,21.4310261 1.70993154,21.3784912 1.72294917,21.3273817 L2.45268542,18.4623103 Z" id="Rectangle" fill="#BCC6D6"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

File diff suppressed because one or more lines are too long

349
docs/css/normalize.css vendored Normal file
View File

@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

7777
docs/index-kits.html Normal file

File diff suppressed because one or more lines are too long

23394
docs/index-plugins.html Normal file

File diff suppressed because one or more lines are too long

305
docs/js/script.js Normal file
View File

@ -0,0 +1,305 @@
const chooseMd = document.location.href
.split('/')
.pop()
.includes('plugin')
? 'Plugins'
: 'Tools';
function toggleMenuChange() {
document.querySelector('.nav').classList.toggle('nav--visible');
document
.querySelector('.hamburger-menu')
.classList.toggle('hamburger-menu--change');
}
document.querySelector('.hamburger-menu').onclick = function() {
toggleMenuChange();
};
document.querySelectorAll('.nav a').forEach(link => {
if (window.innerWidth < 959) {
link.onclick = function() {
toggleMenuChange();
};
}
});
class Nav {
constructor(navElements, activeClass) {
this.navElements = document.querySelectorAll(navElements);
this.activeClass = activeClass;
}
scroll() {
const { navElements, activeClass } = this;
navElements.forEach(navLink => {
const sectionId = navLink.getAttribute('href');
document.addEventListener('scroll', () => {
const sectionDom = document.querySelector(sectionId),
sectionRect = sectionDom.getBoundingClientRect(),
{ top, bottom, height } = sectionRect;
if ((bottom > 96 && top + height >= 96 && top < 96) || top == 96) {
navLink.classList.add(activeClass);
} else {
navLink.classList.remove(activeClass);
}
});
});
}
}
const bookmark = new Nav('.nav a', 'active');
bookmark.scroll();
const automaticScroll = () => {
const nav = document.querySelector('.nav ul');
document.addEventListener('scroll', () => {
const bodyHeight = document.body.offsetHeight;
const bodyScrollTop = document.body.scrollTop;
const navHeight = nav.getBoundingClientRect().height;
const quarterOfNavHeight = navHeight / 4;
const res = (bodyScrollTop / bodyHeight) * 100;
if (res > 20 && res < 40) {
nav.scrollTop = quarterOfNavHeight;
} else if (res > 40 && res < 55) {
nav.scrollTop = navHeight * 0.8;
} else if (res > 55 && res < 70) {
nav.scrollTop = navHeight * 1.35;
} else if (res > 70 && res < 85) {
nav.scrollTop = navHeight * 1.5;
} else if (res > 85 && res < 100) {
nav.scrollTop = navHeight * 2;
} else {
nav.scrollTop = 0;
}
});
};
automaticScroll();
// search input
String.prototype.capitalize = function() {
return this.charAt(0).toUpperCase() + this.slice(1);
};
document
.querySelector('.js-search-input')
.addEventListener('input', function(e) {
document.removeEventListener('scroll', automaticScroll, true);
('use strict');
const inputContent = e.target.value;
const paragraphs = document.querySelectorAll('main .tool');
const banner = document.querySelectorAll('.banner');
const promoBanner = document.querySelectorAll('.promo-banner');
const articleHeaders = document.querySelectorAll('main article > header');
// const addendum = document.querySelector('#addendum');
const welcome = document.querySelector('.welcome');
const promotionBanner = document.querySelectorAll(
'.promotion-banner-wrapper'
);
const elementsToHide = [
...banner,
...promoBanner,
...articleHeaders,
welcome,
...promotionBanner
];
if (inputContent.length > 0) {
elementsToHide.forEach(banner => banner.classList.add('-hidden'));
} else if (inputContent.length === 0) {
elementsToHide.forEach(banner => banner.classList.remove('-hidden'));
}
function handle(text) {
const bool =
inputContent || inputContent.capitalize() || inputContent.toUpperCase();
if (text.innerHTML.search(bool) >= 0) {
text.classList.remove('-hidden');
} else {
text.classList.add('-hidden');
}
}
paragraphs.forEach(text => handle(text));
});
// add event for nav button when clicking on it while searching
document.querySelectorAll('.nav a').forEach(button =>
button.addEventListener('click', e => {
e.preventDefault();
if (window.innerWidth)
// make an empty input
document.querySelector('.js-search-input').value = '';
// scroll a bit less due to nav fixed positioning
window.scrollTo(
0,
document.querySelector(e.target.getAttribute('href')).offsetTop - 90
);
})
);
// handle modal window for filtering by application
if (document.querySelector('.js-open-modal-filter')) {
document
.querySelector('.js-open-modal-filter')
.addEventListener('click', e => {
e.target.classList.toggle('-active');
document.querySelector('.sort-tool-modal').classList.toggle('-hidden');
});
}
// filter by application logic
function sortByApplication(event) {
// toggle styles for button that was handled;
const { target } = event;
target.classList.toggle('-active');
const targetAttr = target.getAttribute('app');
const allLabels = document.querySelectorAll(`.label[for="${targetAttr}"]`);
const buttons = [
...document.querySelectorAll('.sort-tool-modal__btn-choose')
];
const sortedButtons = buttons.filter(button =>
button.classList.contains('-active')
);
const activeApps = sortedButtons.map(button => button.getAttribute('app'));
ga(
'send',
'event',
`Awesome design ${chooseMd} - Filter (State of Platforms)`,
'Click',
activeApps.join('-')
);
ga(
'send',
'event',
`Awesome design ${chooseMd} - Filter (Clicked Platform Name)`,
'Click',
targetAttr
);
allLabels.forEach(label => {
const toolContainer =
label.parentElement.parentElement.parentElement.parentElement;
const list = toolContainer.parentElement;
const sectionContainer = list.parentElement;
const attr = label.getAttribute('for');
if (activeApps.includes(attr)) {
toolContainer.classList.remove('-hidden');
} else {
toolContainer.classList.add('-hidden');
}
const arr = [...list.children].filter(
tool => !tool.classList.contains('-hidden')
);
if (arr.length === 0) {
sectionContainer.classList.add('-hidden');
} else {
sectionContainer.classList.remove('-hidden');
}
});
}
document
.querySelectorAll('.sort-tool-modal__btn-choose')
.forEach(button => button.addEventListener('click', sortByApplication));
document.querySelectorAll('.tool').forEach(tool => {
tool.addEventListener(
'click',
e => {
e.stopPropagation();
const target = e.currentTarget;
const title = target.children[1].children[0].children[0].textContent;
const categoryName = target.parentElement.parentElement.id;
const platforms = [
...target.children[1].children[0].children[1].children
].map(a => a.getAttribute('for'));
ga(
'send',
'event',
`Awesome design ${chooseMd} - Plugin (Title)`,
'Click',
title
);
ga(
'send',
'event',
`Awesome design ${chooseMd} - Plugin (CategoryName)`,
'Click',
categoryName
);
ga(
'send',
'event',
`Awesome design ${chooseMd} - Plugin (Platform)`,
'Click',
platforms.join('-')
);
},
true
);
});
document.querySelectorAll('.nav ul li a').forEach(a => {
a.addEventListener(
'click',
e => {
const { target } = e;
const title = target.innerText;
ga(
'send',
'event',
` Awesome design ${chooseMd} - Category (Title)`,
'Click',
title
);
},
true
);
});
if (window.innerWidth >= 960) {
const active = document.querySelector('.header-top__nav-item.-active');
document.querySelectorAll('.header-top__nav-item').forEach(a => {
a.onmouseover = e => {
if (!e.target.classList.contains('-active')) {
active.classList.remove('-open');
} else {
e.target.classList.add('-open');
}
};
a.onmouseout = e => {
if (!active.classList.contains('-open')) {
active.classList.add('-open');
}
};
});
}
const showBannerTop = () => {
const sEl = el => document.querySelector(el);
setTimeout(() => {
sEl('.header-top').classList.remove('header-top--hide-banner');
}, 0);
// if (window.innerWidth < 768) {
// sEl('.nav-container').removeClass('nav-container--hide-banner')
// }
sEl('.banner__close').onclick = () => {
sEl('.header-top').classList.add('header-top--hide-banner');
};
};
showBannerTop();

Some files were not shown because too many files have changed in this diff Show More