gitwtfhub

wtf is ui-vault?

en970/ui-vault — explained in plain English

Analysis updated 2026-05-18

24HTMLAudience · designerComplexity · 1/5LicenseSetup · easy

TL;DR

A curated directory of 190+ free and low-cost tools for building bold, premium, 3D web and app interfaces, organized into 15 categories with search and budget filtering.

Mindmap

mindmap
  root((repo))
    What it does
      Curated resource directory
      Search and filter by price
      190-plus resources
      15 categories
    Content types
      Component libraries
      Animation tools
      3D and shader libraries
      Icon sets
    Use cases
      Find UI components fast
      Discover 3D design assets
      Filter tools by budget
      Bookmark design inspiration
    Audience
      Designers
      Developers
      Vibe coders
    License
      MIT for curation
      Check linked resources

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Find a free 3D model library to add scroll animations to your website.

REASON 2

Filter component libraries by budget to find free options for your next project.

REASON 3

Search for custom cursor and micro-interaction libraries to make your app feel premium.

REASON 4

Browse design inspiration galleries and free Framer templates for landing page ideas.

What's in the stack?

HTMLCSSJavaScript

How it stacks up

en970/ui-vaultddekadt/my580_agentic_aidrobiazkin/ai-agent-architecture
Stars242424
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity1/51/53/5
Audiencedesignerresearcherdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

No build step or signup required, just open the live site and start searching and filtering resources.

The curated collection and its code are free to use for any purpose under the MIT license, but each linked resource has its own separate license you must check before commercial use.

Wtf does this do

UI Vault is a curated collection of free and low-cost resources for building bold, premium, three-dimensional web and app interfaces. It solves a common problem: designers and developers bookmark useful tools, component libraries, and animation repos, then lose track of them. This project gathers everything into one searchable, filterable page so you never have to go digging again. The collection contains 190-plus resources across 15 categories. These cover component libraries you can copy and paste, scroll and animation tools, 3D and shader libraries, icon sets, and app icon design tools. You will also find mockup and promo video generators, design inspiration galleries, free Framer templates, open-source GitHub repos worth starring, and free 3D models for scroll effects. Rounding out the list are color and typography tools, custom cursor and micro-interaction libraries, free illustration packs, iOS onboarding resources including Liquid Glass components, and Claude Skills for onboarding and UI design. Each entry is tagged by pricing as Free, Freemium, or Mostly paid, so you can quickly filter by budget. The live site has a search bar at the top, letting you find what you need without scrolling through every category. There is no build step and no signup required to use it. Contributing is straightforward. You open the index.html file, find the right category in the data array, and add your resource with a name, url, short description, and pricing. Pull requests are welcome as long as the resource fits the spirit of the list: free, cheap, or open-source, and something you would genuinely recommend to a friend. The project takes security seriously for a static page. All code is inline with no external requests, backend, or analytics. A strict content security policy blocks remote scripts and styles. Outbound links include protections against injection attacks, and a referrer policy prevents leaking full URLs across origins. The curation and code are released under the MIT license, while each linked resource carries its own separate license you should check before commercial use.

Yoink these prompts

Prompt 1
I am building a premium landing page with 3D scroll effects. Search the UI Vault directory and recommend free shader libraries and 3D model resources I can use, with links.
Prompt 2
Help me contribute a new resource to UI Vault. I want to add a free illustration pack. Show me how to edit the index.html data array with the correct format for name, url, description, and pricing.
Prompt 3
I need free or freemium component libraries I can copy and paste into a React project. Filter the UI Vault collection and list the best options with their pricing tags.
Prompt 4
I want to add custom cursor and micro-interaction effects to my web app. Use UI Vault to find the best open-source libraries for this and explain how each one works.
Prompt 5
I am designing an iOS onboarding flow with Liquid Glass components. Find relevant resources in UI Vault and suggest which ones to start with.

Frequently asked questions

wtf is ui-vault?

A curated directory of 190+ free and low-cost tools for building bold, premium, 3D web and app interfaces, organized into 15 categories with search and budget filtering.

What language is ui-vault written in?

Mainly HTML. The stack also includes HTML, CSS, JavaScript.

What license does ui-vault use?

The curated collection and its code are free to use for any purpose under the MIT license, but each linked resource has its own separate license you must check before commercial use.

How hard is ui-vault to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ui-vault for?

Mainly designer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.