Design Resources

A curated set of UI, branding, visual inspiration, design tools and practical references for creators.

繁體中文

Explore this topic

• Design Assets
• Free Fonts and Commercial Fonts
• Learning Resources

Resources

• Ezgif

  A free online GIF toolkit for converting videos, cropping, adjusting speed, adding text, and compressing animations.

• Penpot

  An open-source interface design and prototyping tool with Flex and Grid layouts. Includes a free plan and a self-hosting option.

• ASCII Magic

  ASCII Magic converts images and videos into retro pixel art and ASCII-style visuals.

• Visily

  Visily turns screenshots and hand-drawn sketches into editable UI wireframes for free, so you can design interfaces without design expertise.

• Mockuuups Studio

  Mockuuups Studio offers a large library of device and lifestyle mockups. Drop in a screenshot to generate realistic presentation images; the free plan is useful

• Huemint

  Huemint is a free AI color palette tool that generates complete color schemes for different contexts and previews them in layouts instantly. Useful for designer

• Magnific

  Magnific is an AI creative platform, formerly part of Freepik AI tools, combining image, video, and audio generation with image upscaling. It suits creators mak

• Uiverse

  A community library of free, customizable UI elements made with CSS or Tailwind. Copy and use them in projects for free.

• Avaaatars

  A high-quality avatar library with customizable looks and free commercial use.

• Lottielab

  A Lottie animation editor for creating and shipping animations for websites and apps.

• Canva

  A lightweight all-in-one design tool with a wide range of templates for fast visual creation.

• IconScout

  A large asset library with a wide range of 2D illustrations, icons, and especially rich 3D design materials.

• svgl

  An SVG logo resource library that can be copied and pasted directly into Figma.

• Figma

  Figma is a UI design tool for websites and apps, and also an approachable graphic design tool for many non-print design tasks.

Frequently Asked Questions

What does the design resources directory include?

It curates UI references, branding resources, visual asset libraries, design tools, and inspiration sites for graphic, brand, and web design work. Use it when you need references or production assets for social graphics, slides, branding, packaging, or website design.

Where can I find design inspiration references?

Filter the directory by the inspiration and reference tags to find curated galleries for posters, social graphics, branding, packaging, and web design. Most inspiration sites are free to browse, which makes them useful for building a repeatable reference workflow.

Are these design resources free?

The directory mixes free and paid resources, and each card shows a pricing label. Many inspiration sites are free, while asset libraries often use free-plus-paid plans. Always check the source site's license terms and commercial-use scope before shipping client work.