Build Telegram Mini Apps without the pain. Includes solutions for safe areas, fullscreen mode, BackButton handlers, sharing with inline mode, position:fixed issues, and React gotchas. Use when buildin
Real data. Real impact.
Growing
Developers
Per week
Open source
Skills give you superpowers. Install in 30 seconds.
Battle-tested solutions for common Telegram Mini App issues.
// Use reactive hook - values are async and context-dependent const safeArea = useSafeAreaInset(); // from references/hooks.ts <div style={{ paddingTop: safeArea.top }}>Header</div>
Telegram applies
transformcreatePortalimport { createPortal } from 'react-dom'; createPortal(<Modal />, document.body);
Use
@telegram-apps/sdkimport { onBackButtonClick, showBackButton } from '@telegram-apps/sdk'; onBackButtonClick(handleBack);
/setinlinesavePreparedInlineMessageprepared_message_idWebApp.shareMessage(prepared_message_id)Note:
prepared_message_id// WRONG: renders literal "0" {count && <span>{count}</span>}// CORRECT {count > 0 && <span>{count}</span>}
Before shipping, test:
No automatic installation available. Please visit the source repository for installation instructions.
View Installation Instructions
1,500+ AI skills, agents & workflows. Install in 30 seconds. Part of the Torly.ai family.
© 2026 Torly.ai. All rights reserved.