Curated by the communityLess searching.
Less searching.
More building.
FrontDex brings together front-end tools, libraries, courses and communities, each with one line on why it's worth your time.
8 resources curated by the community
01 — Directions
Pick a direction.
Four doors into the index.
- 01 / Discover3 resourcesDiscoverInspiration, showcases and the people worth following.UI inspiration
- 02 / Learn0 resourcesLearnCourses, books and guides, from your first div to design engineering.
- 03 / Build5 resourcesBuildLibraries, icons, animation and the tools you ship with.UI components · Animation · Charts and dashboards · Dev tools
- 04 / Grow0 resourcesGrowCommunities, open source and the next step in your career.
02 — New
Freshly indexed.
The latest additions to the index.
- CalligraphReact component for fluid text and number transitions, including slot-style effects, built on Motion.AnimationFree
- cmuxNative macOS terminal built on Ghostty, with vertical tabs and alerts when a coding agent needs you.Dev toolsFreemium
- kugiriSplits text into lines, words and characters exactly where the browser broke it, ready to animate.AnimationFree
- MobbinLibrary of real app screens and flows for iOS, Android and web, searchable by UI pattern.UI inspirationFreemium
- ReferoReferences of real web and iOS product screens and flows, organized for design research.UI inspirationFreemium
- ScreensDesignScreens and recorded flows from iOS apps, with onboardings, paywalls, App Store screenshots and revenue estimates.UI inspirationFreemium
03 — Hidden gems
Useful before popular.
Things you might not know yet.
05 — Contribute
Built in public.
Indexed by the community.
Every resource is a YAML file on GitHub. Open a pull request, or fill in a form and a bot opens the PR for you.
- 01Add a file or fill in the form.
- 02CI checks the schema, the link and both languages.
- 03A curator reviews it. Merging is publishing.
name: kugiri
url: https://edoardolunardi.github.io/kugiri
author: Edoardo Lunardi
area: build
category: animation
tags:
- javascript
- text
- gsap
- motion
pricing: free
open_source: true
license: MIT
description:
pt: Divide texto em linhas, palavras e letras exatamente onde o navegador quebrou, pronto para animar.
en: Splits text into lines, words and characters exactly where the browser broke it, ready to animate.
why:
pt: Sem dependências e respeita a quebra real de linha, o ponto onde os splitters comuns falham.
en: No dependencies, and it respects the real line breaks, which is where common text splitters fail.
added: 2026-11-12
status: active