TypeScript Loading

Open-source TypeScript projects categorized as Loading

Top 8 TypeScript Loading Projects

  1. react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. react-spinners

    A collection of loading spinner components for react

  4. react-top-loading-bar

    A very simple, highly customisable youtube-like react loader component.

  5. listr2

    NodeJS Task List derived from the best! Create beautiful CLI interfaces via easy and logical to implement task lists that feel alive and interactive.

    Project mention: TypeScript CLI: Automate Build and Deploy Scripts | dev.to | 2025-01-27

    We will use Listr2 as a task runner to define the steps required to build and deploy the app. We will use execa to run CLI commands for Vite and AWS. Since we're running TypeScript code, we could use the programmatic APIs instead of CLI commands, but let's keep it simple!

  6. spinners-react

    Lightweight SVG/CSS spinners for React

  7. suspense

    Utilities for working with React Suspense

    Project mention: React v19 has been released | news.ycombinator.com | 2024-12-05

    Yeah, _we library maintainers_ are feeling the same way :)

    - https://bsky.app/profile/acemarke.dev/post/3lcitbmmfss2i

    Big picture as I understand it:

    The legacy and always-undocumented-but-everyone-knew-about-it approach was throwing a promise while rendering.

    `use` still actually does the same thing, but it also attaches some extra status fields to that promise, _and_ checks to see if you're consistently passing in the _same_ promise reference.

    In other words, it's the job of an external data fetching library to keep track of what query entry is being asked for, create and save a promise per cache entry _outside_ of the React component tree, and then return that promise somehow so the app developer can pass it to the `use` hook. In a sense, it's an async `Map`.

    As another example of this, my former teammate Brian Vaughn (previously on the React core team) ended up building his own implementation of that behavior in the conveniently-named `suspense` package:

    - https://suspense.vercel.app/

    Ultimately, the `use` hook and Suspense _does_ do exactly what you're asking for - the rest of the component gets to assume the data _does_ exist, since `use` will only let the execution continue once the promise has resolved.

  8. react-loading-indicator

    A library of wonderful loading indicators for your react project

  9. Nutrient

    Nutrient - The #1 PDF SDK Library. Bad PDFs = bad UX. Slow load times, broken annotations, clunky UX frustrates users. Nutrient’s PDF SDKs gives seamless document experiences, fast rendering, annotations, real-time collaboration, 100+ features. Used by 10K+ devs, serving ~half a billion users worldwide. Explore the SDK for free.

    Nutrient logo
  10. angular-spinner

    Application example built with Angular 15 and adding the loading (spinner) component using the ngx-spinner library.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Loading discussion

Log in or Post with

TypeScript Loading related posts

  • prefered way to fetch extra data when navigating

    1 project | /r/reactnative | 30 Dec 2021
  • Adding the loading component (spinner) to an Angular application

    3 projects | dev.to | 9 Oct 2021
  • Skeleton Loading

    3 projects | /r/reactnative | 22 Apr 2021

Index

What are some of the best open-source Loading projects in TypeScript? This list will help you:

# Project Stars
1 react-content-loader 13,824
2 react-spinners 3,171
3 react-top-loading-bar 718
4 listr2 551
5 spinners-react 430
6 suspense 421
7 react-loading-indicator 69
8 angular-spinner 2

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?