티스토리 수익 글 보기
Try the library
before you add
the dependency.
Before a package goes into your project, run its real demos on your own phone, feel how it behaves under your thumb, and read the exact code behind the screen. 50 libraries, one app, all offline — and every demo runs the version you would install today.
Free to download · No account, no sign-in · 4.3 ★ on the App Store
Run the components.
Open any of the 50 libraries and use its demos for real — drag them, type into them, watch them animate, point the camera at something. Nothing here is a screenshot of a component.
Read the source.
Tap the code button on any screen and the exact TypeScript behind it slides up, with a file switcher for multi-file demos and a copy button for the part you want.
Learn the framework.
And for when the decision turns into the build: 520 lessons, 666 interview questions and a 337-term glossary that opens inline, without losing your place.
See your options running, then pick one
50 libraries ship a demo you can actually use; 5 more are documented because their behaviour only shows up in a vendor dashboard. Open one, drag it around, read the code that produced it — usually enough to know whether it belongs in your project, before it is in your package.json.
Running on device, right now
Frameworks & platform
Core platform and Expo component demos.-
React Native
Core component and API demos from RNTester.
-
Expo Components
Expo APIs and native component examples.
-
TinyBase
Reactive local-first store persisted to SQLite, with hook-driven rows.
-
TanStack Query
Server-state caching with refetch on focus, pull-to-refresh, and online awareness.
-
Zustand
Minimal store with selector subscriptions and AsyncStorage persistence.
-
Legend-State
Observables with fine-grained rendering and automatic persistence.
UI kits & design systems
Reusable components and design-system building blocks.-
React Native Paper
Material Design components for React Native.
-
Tamagui
Cross-platform UI toolkit kitchen-sink demos.
-
React Native Enriched Markdown
Native Markdown rendering and rich text input for Fabric.
-
React Native Enriched HTML
Native HTML-based rich text display and editing for Fabric.
-
React Native Bottom Sheet
Gesture-driven bottom sheets with scrollable content.
-
HeroUI Native
Polished native components and showcase screens.
-
Gluestack UI
Composable, accessible UI components.
-
NativeWindUI
Native-feeling components built on NativeWind.
-
React Native Action Sheet
Flexible bottom sheets and action menus.
-
React Native Menu
Native context and action menu examples.
-
React Native Elements
Cross-platform UI component examples.
-
FlashList
High-performance virtualized lists, grids, and masonry layouts.
-
LegendList
Chat, feed, and directory patterns for a recycling virtualized list.
-
React Hook Form
Validation, field arrays, watch, focus handling, and async submit flows.
-
Formik
Validation, field arrays, dependent fields, focus handling, and async submit flows.
-
Lucide
SVG icon set with size, colour and stroke width as props.
Graphics & motion
Canvas, charting, animation, and interaction demos.-
React Native Skia
High-performance 2D graphics and canvas examples.
-
Victory Native XL
Skia-powered, animated charts built with D3 and Reanimated.
-
React Native Reanimated
Smooth, worklet-powered animation examples.
-
React Native Gesture Handler
Native-driven touch and gesture interactions.
-
React Native Gifted Charts
Animated charts for mobile dashboards.
-
Lottie React Native
Native playback of Adobe After Effects/Bodymovin animations.
-
React Native Rive
Interactive vector animations: state machines, data binding, and events.
-
Expo Glass Effect
Liquid Glass views, containers, tints, and interactive glass styles.
-
Expo Mesh Gradient
Animated mesh gradients driven by pan gestures and Reanimated.
Native integrations
Device capabilities and platform-service examples.-
React Native Audio API
Web Audio API-style audio graphs and playback for React Native.
-
React Native VisionCamera
High-performance camera preview, capture, and video workflows.
-
React Native Device Info
Device, hardware, and app metadata examples.
-
React Native Maps
Interactive maps, markers, and overlays.
-
React Native NetInfo
Network state and connectivity examples.
-
Notifee
Local and remote notification workflows.
-
React Native Calendars
Calendar, agenda, and date-selection views.
-
Sentry docs only
Crash and error reporting: native crashes, source-mapped traces, release health.
-
Expo Haptics
Notification, impact, and selection feedback across every preset.
-
React Native Haptic Feedback
Cross-platform haptic triggers, custom patterns, and system-status checks.
-
ElevenLabs
Realtime voice agent: WebRTC or WebSocket, text mode, and live audio meters.
-
Clerk
Native sign-in, user button, and profile UI rendered by the Clerk SDK.
-
BugSnag docs only
Crash reporting organized around per-release stability scores.
-
LogRocket docs only
Session replay with the network, console, and Redux trail alongside it.
-
Vexo docs only
Zero-configuration analytics that reads screens from your navigator.
-
LiveKit docs only
Realtime WebRTC rooms: join, publish, and subscribe to audio and video.
-
Pulsar
Haptic presets, realtime pattern composition, and the low-level haptics API.
-
Expo Notifications
Permissions, channels, categories, scheduling, and push tokens.
-
Expo Live Photo
Play iOS Live Photos with content fit, mute, and gesture options.
-
React Native WebView
Embedded web content: messaging, injection, downloads, and custom menus.
-
Expo SQLite
On-device SQL storage with migrations, transactions, and a provider.
-
React Native MMKV
Synchronous key-value storage with change listeners and hooks.
-
RevenueCat
Paywall, entitlement checks, login/logout, and restore purchases.
-
React Native AI
On-device Apple Intelligence chat, structured output, speech, and transcription.
Read the source, not the docs
Knowing how a library looks is half the decision; the other half is how much code it takes. Every demo carries a code button in its header, and the actual TypeScript behind the screen slides up — no context switch to a browser, no hunting through a repo.
- Multi-file demos get a file switcher — jump between the screen, its hooks and its styles.
- Syntax highlighted, with copy, share, and save-to-file built in.
- The version you see is the version installed — each catalog entry shows the exact release the demo is built against.
- Fuzzy search and pinned favourites keep the screens you return to one tap away.
A curriculum, not a link dump
520 lessons across 22 tracks, from JavaScript foundations to the New Architecture and shipping with AI. Every code sample compiles against the installed React Native 0.86, React 19.2 and Expo SDK 57 — if a sample would not build, the app would not have shipped.
Interview prep that goes deeper
666 questions with short answers and full explanations, plus 1,317 follow-ups — the ones an interviewer actually asks next. Graded for junior, mid and senior.
Spaced repetition
430 flashcards and your interview questions on one review schedule, so the things you nearly remembered come back at the right moment.
36 quizzes, 540 questions
Every answer carries an explanation, so a wrong pick teaches you something instead of just marking you down.
Reference you can actually use
17 cheat sheets, 11 decision guides, 40 code challenges, 30 snippets, 5 release-day checklists and 60 FAQ answers.
One search, everything
Search lessons, glossary terms, questions and cheat sheets at once. Tap any of the 337 glossary terms inline without losing your place.
Entirely offline
The whole library ships inside the app as a bundled database. No account, no sign-in, no network — on a plane or in the waiting room before the interview.
A look inside
One purchase. No subscription. Nothing expires.
The whole component catalog is free, forever. The learning library opens each section for free, and a single purchase unlocks the rest.
Free
No account required
- All 50 library demos, in full
- The source viewer on every demo
- Search, pinned favourites, deep links
- The opening of every learning section
- Supported by a small banner ad
Full unlock
One-time purchase — pick your tier
- Every one of the 520 lessons
- All 666 interview questions and 1,317 follow-ups
- Every quiz, flashcard, cheat sheet and guide
- Ads removed for good
- Restores on your other devices
Before you download
Does it need an internet connection?
No. Every lesson, question, quiz and glossary term ships inside the app in a bundled database, and the demos run locally. Two things do reach the network when it is available: the source viewer fetches code from GitHub, and the catalog pulls live npm and GitHub metrics for each library.
Do I need an account?
No. There is no sign-in, no email, and no profile. Your progress is stored on your device in a separate database from the content, so a content update never wipes what you have completed.
Is it a subscription?
No, and it never will be. The unlock is a one-time purchase with several tiers — pick whatever feels fair — and it unlocks everything permanently. If you bought the lifetime unlock in an older version, it carries over; use Restore Purchases in the More tab.
Which versions are the demos built against?
React Native 0.86, React 19.2 and Expo SDK 57, with the New Architecture and React Compiler enabled. Each catalog entry shows the exact version of the library its demo is running, so you are not reading a demo written three majors ago.
Is this affiliated with the libraries it demonstrates?
No. Most demos are the libraries’ own official examples, vendored and kept current; a couple are written for this catalog and say so on screen. Every entry links to the library’s real docs, npm page and repository.
How do I report a bug or ask for a library?
Use the feedback form or email saravanakumargn@gmail.com. Requests for new libraries are genuinely welcome — most of the catalog got there that way.