Accessibility Tools

Accessibility is the practice of creating websites and apps usable for all people, including individuals with visual, motor, auditory, speech, or cognitive disabilities. Here you will find web accessibility tools, accessibility testing tools, and accessibility apps both for developers and designers:

Animation Tools

Animations guide people through the product friendly and smoothly. Live interactive UI makes users feel delighted with instant feedback and emotional touch. These free and paid tools are designed to make animation creation easier. If you plan to make animated transitions, micro-interactions or scroll-based animations, go through these tools:

Principle, Framer, Invision Studio, Flinto are also among UI & UX animation apps and software animation tools.

Augmented Reality

Augmented Reality is a technology that upgrades our real world, by adding a layer of digital information to it. The use of AR increases day by day with dozens of new AR apps, development kits, and AR frameworks. So in this section is collected different augmented reality tools for creating, projecting and prototyping apps focused on AR:

Collaboration Tools

Looking to try some tools for agile design and development collaboration? Good idea because such tools make the lives of designers and developers much easier, save time and improve productivity. Well, you know all that in Slack-driven era. Here you’ll find the best collaboration tools for product teams:

  • Airtable β€” part spreadsheet, part database, and entirely flexible, teams use Airtable to organize their work, their way.
  • β€” a simple video collaboration tool.
  • Asana β€” the work management platform teams use to stay focused on the goals, projects, and daily tasks that grow business.
  • Basecamp β€” the project management suite designed to organize employees, delegate tasks, and monitor progress right from one place.
  • Filestage β€” an agile content approval software that helps you to review videos, designs and documents with clients and co-workers.
  • Gallery β€” a collaborative tool for uploading design work, getting feedback, and tracking revisions. free.svg open-source.svg
  • HiveDesk β€” an automatic time tracking for remote employees with screenshots. It makes it easier to monitor productivity of remote employees and manage projects.
  • Jira β€” software development tool used by agile teams.
  • Keybase β€” a free collaboration app with built-in end-to-end encrypted chat, file sharing, git repositories, and more free.svg open-source.svg
  • Mattermost β€” a flexible, open source messaging platform that meets even the most demanding privacy and security standards. open-source.svg
  • Milanote β€” an easy-to-use, collaborative tool to organize your ideas and projects into visual boards.
  • Mixed β€” real-time whiteboard and collaboration tools for distributed teams. ![free.svg]
  • MURAL β€” think and collaborate visually. Anywhere, anytime.
  • Notion β€” write, plan, collaborate, and get organized. Notion is all you need β€” in one tool.
  • ProofHub β€” the one place for all your projects, teams and communications.
  • RealtimeBoard (Miro) β€” whiteboarding platform for cross-functional team collaboration. It was recently renaimed to Miro.
  • Slack β€” a collaboration hub for work, no matter what work you do. It’s a place where conversations happen, decisions are made, and information is always at your fingertips.
  • Sunsama β€” a beautifully designed, team oriented task manager that consolidates Trello/Jira/Asana tickets into a single, calendar-oriented view.
  • Taskade β€” team productivity made simple, fun and designed for remote teams. Taskade is collaborative and syncs in real-time across web, mobile and desktop.
  • Trello β€” a web-based project management application that enables you to organize and prioritize your projects in a fun, flexible and rewarding way.
  • Witeboard β€” simple real-time whiteboard for collaboration work. free.svg
  • Workzone β€” a simple, powerful project management software.
  • Wrike β€” an online project management software that gives you full visibility and control over your tasks.
  • Zenkit β€” a tool to schedule meetings, track project’s progress and brainstorm new ideas.

Color Picker Tools

If you are looking for an eyedropper tool, color identifier or color capture, check this section. With the color pickers mentioned here, you will be able to create new color combinations and define really great ones. Almost all of these tools are free:

  • Chroma β€” free web app which allows you to identify the color. free.svg
  • Color β€” create color schemes with the color wheel or browse thousands of color combinations from the Color community. Made by Adobe. free.svg
  • Colourcode β€” online designer tool, which allows you to easily and intuitively combine colours. free.svg
  • Color Deck β€” a HSL driven color palette collection. It’s also open-source. free.svg open-source.svg
  • Color Hexa β€” free color tool providing information about any color and generating matching color palettes for designs.
  • Colorpicker β€” a complete and open-source colors manipulation tool with picking. free.svg open-source.svg
  • Color by Cloudflare β€” a tool to preview palettes against UI elements, cycle through accessible color combos and reate palettes manually, via URL import, or generatively.
  • Colour Cafe β€” colours inspiration that have selected modern colour palette in Instagram. free.svg
  • Coolors β€” the super-fast color scheme generator. free.svg mac.svg
  • Culrs β€” thoughtfully crafted and easy-to-use color palettes. free.svg
  • Geenes β€” a tool to create harmonious color themes with code and sketch file
  • Instant Eyedropper β€” a minimalist eyedropper tool for windows, supports multiple color formats for both designers and developers. free.svg
  • Just Color Picker β€” Free portable offline colour picker and colour editor. free.svg
  • Khroma β€” AI-based tool to generate color palettes based on your preferences.
  • Material Colors Native β€” Google’s material design color palette in the form of a mac app. free.svg open-source.svg mac.svg
  • Paletton β€” a designer tool for creating color combinations that work together well. free.svg
  • Picular β€” a rocket fast primary color generator using Google’s image search. free.svg
  • Pikka β€” color picker & color schemes generator for macOS. mac.svg
  • React Color β€” a collection of color pickers from Sketch, Photoshop, Chrome. Itβ€˜s free and open-source. free.svg open-source.svg
  • Sip β€” a better way to collect, organize and share colors. Global eyedropper tool for MacOS. mac.svg
  • Skala Color β€” works with a huge variety of formats, covering everything you’re likely to need for web, iOS, Android, and macOS development. free.svg mac.svg
  • Swatches β€” iOS app that lets you collect, inspect and share the colors that inspire you in your daily life. free.svg mac.svg

Design Feedback Tools

How do you provide and get feedback during the development process? This process is usually pretty messy for many product teams, which caused product delays and time waste on back-and-forth communication. So if you wish to get fast and structural feedback on UI issues or visual bugs β€” take a look at this tool:

  • Flawless Feedback β€” review and annotate iOS apps then share your feedback in Jira or Trello. mac.svg

Design Handoff Tools

Design handoff happens when designers finish the work and need to deliver designs to developers with all specs and assets. Design handoff tools allow to automatically generate styleguide, comment on the design, inspect elements. These tools minimize guesswork and improve the effectiveness of the design process.

  • Avocode β€” open designs without design tools. Export images without preparing layers. Click on layers to get code.
  • Flawless App β€” a tool to compare the expected design and the real app right inside iOS Simulator (useful for designers who use Xcode or mobile developers). mac.svg
  • Inspect β€” prepare designs for development. Made by Invision.
  • Sketch Measure β€” Sketch redline plugin. Annotate distance and size of elements. free.svg open-source.svg
  • Specctr β€” in the unfortunate event you’re designing UI in PS, AI, or ID this tool creates redline annotations.
  • Sympli β€” automated specs and assets handoff from Sketch, Photoshop and Adobe XD. Integrated with Jira, Xcode and Android Studio.
  • Zeplin β€” handoff designs and styleguides with accurate specs, assets, code snippets automatically.

Design Inspiration

The creative process can be tough. So if ideas don’t come to your mind right away, try to search for inspiration in the work of other designers. These design inspiration sites feature design patterns, user flows, email markups and creative solutions of popular companies and great products:

  • CodeMyUI β€” handpicked collection of web design & UI inspiration with code snippets. free.svg
  • Collect UI β€” a platform for your daily inspiration collected from daily ui & beyond. Based on Dribbble shots, 14419 hand picked designs. free.svg
  • Creative Portfolios β€” a curation of the most creative portfolios made by designers & developers.
  • Dribbble β€” an online community for showcasing user-made artwork. Great resource to get inspired from others work.
  • Inspiration UI β€” community that aims to provide the best design resources for those who create for the web. free.svg
  • Hover States β€” showcase great work from the bleeding edge of digital culture for, and with, the creative community.
  • Httpster β€” an inspiration resource showcasing totally rocking websites made by people from all over the world. free.svg
  • H69.Design β€” landing page colletions & Free resources for designers.
  • Lapa Ninja β€” landing page design inspiration from around the web. 1800+ landing page examples and updated daily.
  • Microcopy Inspirations β€” curated examples of good microcopy on websites and apps.
  • Mobile Patterns β€” a design inspirational library featuring finest UI UX Patterns (iOS and Android).
  • Mobbin β€” browse mobile design patterns for popular apps. Explore common user flows such as onboarding, account sign up and log in, core functionality, and more. free.svg
  • Owwly β€” home for digital products crafted with passion to design.
  • Page Flows β€” user flow videos and screenshots to inspire you when you’re stuck. Discover mobile and web design patterns for over 160 different tasks. free.svg