Saving the best apps and websites for everything.

Components & libraries

29 websites

Editors, builders, libraries and developer tools for creating software.

shadcn/ui, Editor's pickReusable, customizable UI components for polished web interfaces.
21st.dev, Editor's pickCommunity-driven library of reusable UI components for modern web applications.
Aceternity UIReact, Tailwind CSS and Motion components, blocks and templates for building animated interfaces and landing pages.
Anime.jsA JavaScript animation library for web interfaces, with timelines, scroll-linked animation, SVG tools and draggable interactions.
Canvas UIA component library for creative web graphics built with Canvas, WebGL and WebGPU.
CSS Text EffectsA browsable library of CSS text effects and animations with copyable snippets and implementation guides.
Godot Asset LibraryThe official catalogue of community-submitted Godot add-ons, scripts, tools, templates and demo projects, searchable by engine version and license.
KineticsA gallery of spring-style interface animations with CSS examples, React examples and implementation prompts.
liquid-glassA headless React glass-effect component with a visual playground, examples and controls for refraction, tint and edge effects.
Magic UIAn open-source collection of animated React components and effects built with TypeScript, Tailwind CSS and Motion.
mapcnCustomizable React map components built on MapLibre and styled with Tailwind CSS, with documentation and examples for maps and related controls.
MicroKit UIA collection of React and CSS microinteractions for buttons, inputs, navigation and other interface details.
Motion-PrimitivesReusable animated interface components built with Motion and Tailwind CSS, with examples and customization documentation.
OriginkitA library of animated interface components for modern websites.
React Bits: MicroFree customizable React micro-interaction components for motion, subtle UI details, and playful interactions.
React Three FiberA React renderer for Three.js for building interactive 3D scenes with reusable, declarative React components.
ScritTool for creating animated text effects.
ScrolltideA library of scroll-driven website prompts, templates, components and visual effects for use with AI coding tools.
Shadcnblocks, Editor's pickA collection of shadcn/ui, Tailwind and React blocks, components and templates with copy-and-paste or CLI installation options.
Thinking OrbsAnimated orb components that show loading and thinking states in AI interfaces.
Three.js, Editor's pickA JavaScript library for creating browser-based 3D graphics, with WebGL and WebGPU renderers, documentation, examples and an editor.
ToolcraftAn open-source starter kit and UI library for building custom design tools with AI, including canvases, layers and timelines.
TorphZero-dependency text morphing utility for frontend interfaces.
TypehugTypography utility for keeping related text together in responsive layouts.
UI SFXSound-effect resource for interface interactions and product experiences.
UIAbleA shadcn-based interface system with reusable React components, blocks, templates and dashboards built for Tailwind CSS and TypeScript.
UiverseA community-built collection of interface elements with examples available in HTML/CSS, Tailwind, React and Figma.
VibePromptA library of UI-section prompts and Tailwind snippets with previews for navigation, pricing, onboarding and other interface patterns.
Watermelon UICollection of shadcn-style UI components and blocks for web development.

Frequently asked questions

How to use Hades.

A few answers to help you explore Hades.

Back to the collection

How do I find a tool?

Choose a category, such as Learning & Knowledge or Work & Careers, then browse its sections. You can also search by a tool’s name or what you want to do. Choose Everything to search across the whole collection.

What happens when I select a website?

A preview opens with a short description and the categories and sections it belongs to. Select the Visit link to open the original website in a new tab. Close the preview with its close button or the Escape key.

How does “Find something unexpected” work?

The shuffle button picks a random website and opens its preview. Leave the dropdown on Everything or choose a category to narrow the surprise. This choice is separate from your search and browsing filters. Close the preview and press the button again for another pick.

What is an Editor’s pick?

A website Sora uses or recommends. Look for the gold star on its icon; its preview may say why it was picked. A pick is a personal recommendation, not a guarantee, so check each site’s own terms. See them all under Editor’s picks.

Why do some tools appear in more than one category?

Some websites are useful for more than one thing. They can appear in several categories, but each view lists a website only once. Its preview shows all the places it belongs.

Is Hades free, and do I need an account?

You can browse Hades without paying or creating an account. The websites in the collection set their own prices and access requirements; some are free, and others offer paid plans.

How can I suggest a tool?

Use Suggest a tool (opens a form in a new tab) to send its link and any helpful details. Suggestions are reviewed before they join the collection, so submitting a link does not publish it immediately.