titanui.com

TitanUI is a free design resource library that advertises more than 20,000 assets across graphic, web, mobile, and UI/UX design. You can find icons, UI kits, mockups, fonts, vector graphics, patterns, textures, vector maps, and seasonal artwork, delivered mainly as Figma files, SVG, PNG, PSD, and font files (TTF, WOFF, OTF). It suits designers who need ready-made assets for Figma or Photoshop projects; if you need editable source files in other tools, check each listing's format before downloading.

Icons

Icons are the largest visible category on the site, and most listings are built for Figma or offered as SVG/PNG exports.

• Figma icon sets — examples include 3,000 smooth and pixel-art icons, 400+ editable-stroke icons, and 120 essential UI icons.
• Themed icon packs — liquid glass icons, dark glassmorphism tech icons, hand-drawn gesture and cursor icons, and 3D e-commerce icons.
• System and app icons — macOS system and app icon packs, plus iOS 26 app icon themes.
• Open-source and code-friendly sets — 225 open-source SVG icons aimed at AI agent design, and 1,200+ energy icons available in SVG, Figma, and React.
• Vector logos — pixel-perfect AI logos (ChatGPT, Midjourney, and similar).

Formats you will see: Figma, SVG, PNG, with some sets also shipping React components.

UI Kits and Templates

This category covers interface kits and full page or site templates.

• Mobile UI kits — for example, an iOS 26 Control Center UI kit.
• Website templates — such as a minimal portfolio template offered in PSD and HTML.
• UI elements — sets of clean web design elements in vector format.

Formats: Figma for UI kits, PSD and HTML for website templates.

Mockups

Mockups are split between device mockups and print or product mockups.

• Device mockups — Apple iMac, MacBook, and iPhone mockups in Figma; a minimal iPhone 17 vector mockup set; an iPhone duo in hands PSD mockup.
• Print and product mockups — a realistic vintage bandana mockup and a modern letterhead template.

Formats: Figma and PSD.

Fonts

The font section includes display and monospace typefaces, such as the Maple Mono monospace font, a Twin Peaks-inspired brush font, and the xkcd handwritten font. Formats listed: TTF, WOFF, and OTF.

Vector Graphics, Patterns, and Textures

Beyond icons, the library carries general vector artwork and decorative assets:

• Vector illustrations — holiday and event backgrounds, autumn illustrations, Star Wars blaster and lightsaber sets, and vintage certificate designs.
• Vector maps — US states and counties maps for Figma.
• Patterns — abstract line pattern sets for Figma.
• Textures — listed among the site's resource categories.

Formats: Figma, SVG, and vector files, depending on the listing.

Quick Format Reference

How to Decide If It Fits Your Project

Match the format to your toolchain before browsing: Figma users will get the most direct value from the icon sets, UI kits, and Figma mockups, while Photoshop users should filter for PSD mockups and templates. If you need assets for code, the SVG icon sets and the React-ready energy icons are the relevant options. The site organizes content into Featured Freebies, Latest Free Design Resources, Popular This Month, and Discover sections, so you can scan recent and trending items first, then confirm the file format on each individual listing.

Yes—most TitanUI resources are built for Figma, and many are also offered in formats that work in Photoshop, Illustrator, web browsers, and code. Compatibility is listed per resource, not site-wide, so the practical answer is: check the format tags on each item before downloading. Figma-labeled items (UI kits, icon sets, mockups, vector maps) open directly in Figma; PSD mockups need Photoshop or an editor that reads PSD; SVG/PNG icons work in nearly any design tool; TTF/WOFF/OTF fonts install in your OS or design app; and some icon packs include React-ready files for development.

What formats TitanUI actually lists

TitanUI describes itself as a library of 20,000+ free design resources for graphic, web, mobile, and UI/UX work, including vector graphics, icons, UI kits, mockups, textures, fonts, and patterns. The homepage categories and item labels show the formats you'll encounter:

How to confirm an item fits your tool

1. Open the resource's listing page and read the format tags next to the title—TitanUI labels items like "Figma," "PSD Mockups," "Fonts," or "Web Icons."
2. Match the tag to your tool: choose Figma-tagged items if you work in Figma; choose PSD if you need layered mockups in Photoshop; choose SVG/PNG if you need assets for multiple tools or the web.
3. For fonts, check the listed file types (TTF, WOFF, OTF) and install the one your system or app supports.
4. For development work, look for packs that explicitly mention React or SVG so you can drop assets into code.
5. Download and open one file first to verify it behaves as expected before building a workflow around a large pack.

Expected result: the file opens in your chosen tool without conversion. Common snag: an item tagged only "Figma" won't open natively in Photoshop, and a PSD mockup won't open in Figma without conversion—so pick by tag, not by thumbnail.

Practical examples from the catalog

• A UI designer building an app screen can use the iOS 26 Control Center UI Kit or the 400+ Editable Stroke Icons, both labeled Figma.
• A marketer needing a device shot can grab the Minimal iPhone 17 Vector Mockup Set (Figma) or the iPhone Duo in Hands PSD Mockup (Photoshop).
• A developer can pull the 1200+ Free Energy Icons, listed with SVG, Figma, and React versions.
• A typographer or brand designer can install Maple Mono or the xkcd handwritten font from the Fonts category.

Bottom line

TitanUI is Figma-first but not Figma-only. If you use Figma, most featured and popular items will work immediately. If you use Photoshop, Illustrator, web tools, or code, filter by the format tag on each resource—PSD, SVG, PNG, TTF/WOFF/OTF, React, or HTML—and verify with a single download before committing to a pack.

TitanUI (titanui.com) is a free design-resource library that advertises more than 20,000 items for graphic, web, mobile, and UI/UX work. It is a good fit if you need ready-made icons, UI kits, mockups, fonts, or vector graphics for Figma, PSD, SVG, or PNG workflows and want to browse a large catalog rather than commission or build assets from scratch. Everything described on the site is presented as free; the available material does not state pricing tiers, account requirements, or license terms, so check those on each download page before using an asset in a project.

What kinds of resources does TitanUI offer?

The catalog spans the common asset types a designer needs mid-project:

• Icons — the largest visible category, including pixel-art sets, hand-drawn gesture and cursor icons, 3D e-commerce icons, liquid-glass icons, editable-stroke icons, and app/system icon packs.
• UI kits — for example an iOS 26 Control Center UI kit and a FIFA World Cup 2026 design kit for Figma.
• Mockups — device mockups such as iMac, MacBook, and iPhone scenes in Figma, plus PSD mockups like a phone-in-hands shot and a vintage bandana mockup.
• Fonts — including a handwritten xkcd font in TTF, WOFF, and OTF, and the Maple Mono monospace font.
• Vector graphics and patterns — abstract line patterns, vector maps (US states and counties), holiday backgrounds, and illustration sets.
• Website templates — for example a minimal portfolio template offered in PSD and HTML.

What formats and tools are supported?

Assets are distributed in formats that match the tool named in each listing. The most common are:

If your workflow is Figma-first, most featured items are Figma files. If you work in Photoshop, the PSD mockups and templates are the relevant section.

How is the site organized for browsing?

The homepage is built around four browsing blocks: Featured Freebies, Latest Free Design Resources, Popular This Month, and Discover. The latest-resources feed is paginated across more than 1,300 pages, which tells you the catalog is broad but also that finding a specific asset is easier through category browsing than scrolling. "Popular This Month" is a practical shortcut when you want proven, commonly used assets — recent entries there included liquid-glass icons, a World Cup 2026 kit, an iPhone 17 vector mockup set, and iOS 26 app icons.

Who is it for, and when should you look elsewhere?

TitanUI suits designers who want free, ready-to-use assets to speed up mockups, prototypes, and client presentations, and who are comfortable checking each item's license before commercial use. It is less suited if you need guaranteed licensing documentation up front, a curated single style system, or assets in a format the site does not list. In those cases, a paid marketplace or a custom design pass is the safer route.

Practical next step

Start with the category that matches your deliverable — icons for interface work, mockups for presentations, fonts for branding — and open the individual resource page to confirm the file format and usage terms before downloading.

Before using a TitanUI resource in a project, confirm four things: the license terms attached to that specific resource, whether the file format matches your tool, whether the asset contains third-party trademarks, and whether the download page states any attribution requirement. TitanUI's homepage and site description present the collection as "20,000+ free design resources," but that site-level label is not a substitute for checking each resource's own terms. The checks below apply whether you are building a client deliverable, a commercial product, or an internal prototype.

1. Confirm the license for the specific resource, not the site

The site describes its library as free, and its catalog spans vector graphics, icons, UI kits, mockups, textures, fonts, and patterns. What the homepage does not do is publish a single blanket license covering every item. Because the collection mixes many resource types and sources, treat each download as its own case.

Practical steps:

• Open the individual resource page, not just the category listing, and look for a license, terms, or usage section.
• Record what you find (commercial use allowed or not, attribution required or not, redistribution allowed or not) next to the asset in your project file.
• If no license statement is visible on the resource page, treat the asset as unverified and either contact the site or choose a different asset for commercial work.

A useful habit: keep a simple log with columns for resource name, URL, date downloaded, license summary, and attribution text. This takes a minute per asset and prevents the common situation where a project ships and nobody can reconstruct where an icon came from.

2. Check that the format matches your toolchain

TitanUI's catalog is organized around specific formats, and the homepage headings and listings make this explicit. Match the format to your workflow before downloading:

For example, if you need icons for a React web app, the listing for "1200+ Free Energy Icons (SVG, Figma & React)" indicates SVG and React-friendly delivery, which is a better fit than a PNG-only pack. If you need a device mockup for a pitch deck, a PSD mockup with smart objects will save time over a flat image.

3. Watch for third-party trademarks and brand assets

Several TitanUI listings reference well-known brands and events, including Google product icons, Apple device mockups, FIFA World Cup 2026, and AI logos such as ChatGPT and Midjourney. These are design resources depicting or inspired by brands, not licenses to use those brands.

Before shipping anything that includes such assets:

• Use them for mockups, concept work, or internal presentation only, unless you have separate permission from the trademark owner.
• Avoid placing brand-derived icons or logos in a commercial product, app store listing, or marketing material in a way that implies endorsement or affiliation.
• For device mockups (iMac, MacBook, iPhone), the mockup file itself is generally the design resource; the device shape is a separate trademark question if used prominently in advertising.

This is the single most common trap with free design libraries: a "free" icon pack of brand logos is free as a file, not free as a brand license.

4. Check attribution and redistribution terms

Some free resource sites require credit or prohibit redistributing the files as standalone downloads. TitanUI's homepage does not state a site-wide attribution rule, so check per resource. Two questions to answer:

• Does the resource page ask for a credit line or link? If so, capture the exact wording and place it where your project's credits live.
• Does it prohibit re-uploading or reselling the files themselves? This matters if you plan to bundle assets into a template, kit, or product you distribute.

If you are building a product that redistributes design assets (for example, a UI kit you sell), be especially conservative: only include assets whose terms explicitly permit redistribution.

5. Verify quality and completeness before committing

Free libraries vary in polish. Before building a project around a resource:

• Download one sample and open it in your target tool to confirm layers, naming, and editability.
• Check that the set is complete for your needs (for example, an icon pack that covers all the actions in your interface, not just the ones in the preview).
• Confirm resolution for print or high-DPI use, especially for mockups and raster textures.

A short pre-use checklist

1. Resource page opened and license terms read.
2. License summary and attribution text logged.
3. Format confirmed compatible with your tool and version.
4. Brand or trademark content identified and cleared for your use case.
5. Redistribution question answered if you plan to bundle the asset.
6. Sample file opened and quality verified.

If all six are answered, the resource is ready to use. If any are unclear, the safe move is to pick an alternative asset with clear terms rather than assume the site-wide "free" label covers your intended use.

TitanUI's homepage organizes its 20,000+ free design resources into four browsing sections: Featured Freebies, Latest Free Design Resources, Popular This Month, and Discover. Use Featured or Popular when you want proven, high-demand assets, Latest when you need something newly published, and Discover when you want to surface less obvious material. All four sections are reachable directly from the homepage without an account.

What Each Section Is For

Browsing Featured Freebies

The Featured Freebies block sits near the top of the homepage and mixes formats and categories. Examples from the current listing include:

• 3,000 smooth and pixel art icons for Figma
• 60 hand-drawn gesture and cursor icons for Figma
• 10 Christmas 3D e-commerce icons (SVG & PNG)
• A US states and counties vector map for Figma
• 30+ liquid glass icons (SVG & PNG) for Figma
• A free macOS icon pack (system and app icons)
• Apple iMac, MacBook, and iPhone mockups in Figma
• 1,200+ energy icons (SVG, Figma & React)
• 120 3D crypto coin PNGs in four finishes
• 400+ editable stroke icons for Figma
• 30 abstract line patterns for Figma
• An iPhone duo-in-hands PSD mockup
• 225 open-source SVG icons for AI agent design
• 120 dark glassmorphism tech icons for Figma
• The xkcd handwritten font (TTF, WOFF & OTF)

How to use it: scan the cards, note the format tags shown on each card (Figma, PSD, SVG, PNG, Fonts, Vector, and so on), and open the item that matches your toolchain. The format label is the fastest filter — if you work in Figma, skip PSD-only mockups.

Browsing the Latest Free Design Resources

This is the main chronological feed. Each card shows the resource name plus its category tags, for example "Figma, Web Icons" or "PSD Mockups."

Steps:

1. Scroll to the Latest Free Design Resources section on the homepage.
2. Read the newest entries top-down; the most recent publish first.
3. Use the pagination control at the bottom of the list to move through older items. The listing currently runs to page 1,315, so paging is the only practical way to reach older material.
4. Open a card to view the resource and its download options.

Expected result: you land on the newest assets first, and paging backward walks you through the full archive in reverse-chronological order.

Common snag: the feed mixes formats heavily, so a page may contain fonts, mockups, and icon sets side by side. Check the tag on each card before clicking rather than assuming a page is uniform.

Browsing Popular This Month

This section ranks the month's most popular free resources. It is the quickest way to see what other designers are actually using. Current entries include:

• 30+ liquid glass icons (SVG & PNG) for Figma
• A FIFA World Cup 2026 design kit (Figma)
• A minimal iPhone 17 vector mockup set (Figma)
• The Maple Mono monospace font
• iOS 26 app icons for iPhone themes and app mockups
• An iOS 26 Control Center UI kit (Figma mobile UI)
• 12 pixel-perfect AI logos (ChatGPT, Midjourney, and more)
• A realistic vintage bandana mockup (PSD)

When to choose this over Latest: if you want a safe pick for a client project or a quick visual upgrade, start here. Popularity signals that the asset is complete and usable, not just new.

Browsing Discover

Discover is framed as "hidden treasures" within the collection — items that are not necessarily new or top-ranked. The current selection spans letterhead templates, Valentine's Day vector backgrounds, a minimal portfolio website template (PSD & HTML), fonts, clean web design element vectors, Star Wars blaster and lightsaber vectors, a vintage certificate design, and an autumn vector illustration.

Use it when: you have already exhausted Featured and Popular and want something less common, or when your project calls for a seasonal or niche theme (holidays, certificates, portfolio sites) that the top lists don't cover.

A Practical Browsing Routine

1. Start with Popular This Month to grab a proven asset if you need one quickly.
2. Check Latest if your project depends on current trends or recently released kits.
3. Use Featured Freebies as a curated shortlist when you don't have a specific format in mind.
4. Fall back to Discover for niche or thematic material.
5. Confirm the format tag on every card before downloading — the site spans Figma, PSD, SVG, PNG, TTF/WOFF/OTF, and HTML templates, and not every asset fits every workflow.

The site's own description confirms the scope: free vector graphics, icons, UI kits, mockups, textures, fonts, and patterns across graphic, web, mobile, and UI/UX design. The homepage sections are the intended entry points for all of it.