Top 23 TypeScript iOS Projects
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Angular is typically used for web application development, but when used in conjunction with Ionic, developers can easily create high-performing mobile apps for any platform or device. The Ionic Framework is open-sourced and features a rich library of front-end building blocks, integrations, and UI components that make it easy to develop mobile apps using web HTML, CSS, and JavaScript.
-
Project mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15
More information available here: https://reactnativeelements.com
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
NativeScript
NativeScript empowers you to access native platform APIs from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
Project mention: I am seeking advice (just a few questions) from experienced RN developers, please help :) [Long post/wall of text alert] | reddit.com/r/reactnative | 2022-01-02NativeBase
-
devhub
TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)
Project mention: Ask HN: What Stack for mobile/desktop cross-platform native development in 2021? | news.ycombinator.com | 2021-10-20React Native is your best bet.
Examples:
- https://github.com/devhubapp/devhub
- https://github.com/mmazzarolo/react-native-universal-monorep...
RN desktop support is weak. But your mobile apps will work quite differently to your desktop apps anyway. And you probably want something that can run on the web too. So for desktop you just put your web app in Electron.
The difference between mobile and web will mean having to implement different routing and components, but you can share a lot of code.
Flutter is the new kid on the block.
-
Project mention: React-native-calendars: the CalendarList component not working on web | reddit.com/r/reactnative | 2021-11-21
I’m using react-native-calendars in my react-native-web project. Everything seems to work on both web and mobile except for the CalendarList component that just doesn’t show up on web. I didn’t see anyone else reporting the same issue so I’m wondering if anyone has faced the same issue and has a solution?
-
kittenTricks
React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.
Project mention: Found sites with plenty of web app UI themes, but we're building a b2b Mobile app for apple and google play stores and we're looking for Mobile specific UI Bootstrapped themes --- does that exist? Examples in side of web-app theme sites for reference.... | reddit.com/r/bootstrap | 2021-07-29Here though too it says (via UI kitten github readme) you can download an example published both on app store and google play
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
outline-client
Outline clients, developed by Jigsaw. The Outline clients use the popular Shadowsocks protocol, and lean on the Cordova and Electron frameworks to support Windows, Android / ChromeOS, Linux, iOS and macOS.
I'm suprised no one has mentioned Outline (https://getoutline.org/) which provides full capability to setup a VPN easily on any major cloud providers with 1-click. It also provides mobile apps to use as well.
A great experience, and I'd say it just works.
-
Nor Expo Modal (https://reactnative.dev/docs/modal) or react-native-modal (https://github.com/react-native-modal/react-native-modal) let's you close the modal on swipe down on IOS, if presentationStyle=="formSheet" & presentationStyle=="pageSheet". I am on react-native version "0.64.3". Is there any fixes for this? Thanks in advance.
-
Project mention: Need UI library recommendation for React Native | reddit.com/r/reactnative | 2021-09-22
The bug I had: https://github.com/wix/react-native-ui-lib/issues/1560
-
react-native-render-html
iOS/Android pure javascript react-native component that renders your HTML into 100% native views
-
quirk
✨🐙 A GPL Licensed Cognitive Behavioral Therapy app for iOS and Android. Currently a teaching tool
Project mention: Launch HN: Iona Mind (YC S21) – App-based cognitive behavioural therapy | news.ycombinator.com | 2021-08-14The problem with curative healthcare apps is that it's hard to make it a sustainable business without government fund or private partnerships. App success is generally linked with usage. The longer the people use the apps, the more successful they are. In the case of curative apps that's reversed. Your app is more successful if people don't need it anymore, which makes it hard to monetize. I hope you manage to overcome this challenge and with you great success!
It might be interesting for you to follow the story of Quirk and how they had to pivot as a company: https://github.com/Flaque/quirk
Also an interesting read, their original Launch HN thread: https://news.ycombinator.com/item?id=20646918
I am not affiliated with them, their story is the first thing that popped in my mind when I saw this.
-
pwa-asset-generator
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
If you want to create PWA, you will need icons for your application for different platforms. This package uses pwa-assets-generator to create icons from an image. It will automatically insert links to icons into the HTML of every page and in the manifest.json file along with generated icons. All you need is an image as a template for future icons. By default, it is a favicon.png under the src directory.
-
If you just want to swipe through some onboarding screens, probably the best maintained library for the job is react native pager view. Lots of great examples in the repo.
-
https://github.com/joshfarrant/shortcuts-js, I have extracted it but I have no idea what do do after
-
Project mention: Using the react-native-push-notification library for your React Native notification needs | dev.to | 2021-04-15
react-native-onesignal
-
react-native-scroll-bottom-sheet
Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire:
Project mention: Reanimated V2 Bottom Sheet library I’m working on, put your feature requests in the comments! | reddit.com/r/reactnative | 2021-02-26At this moment I am using fork of https://github.com/rgommezz/react-native-scroll-bottom-sheet. It is great, but implemented with reanimated v1, so customization is difficult.
-
Project mention: Lichess blog post: Here's our post-mortem of yesterday's server crash | reddit.com/r/lichess | 2021-12-23
IDK you could open an issue about it https://github.com/veloce/lichobile
-
Source : https://github.com/RocketChat/Rocket.Chat.ReactNative
-
react-native-safe-area-context
A flexible way to handle safe area insets in JS. Also works on Android and Web!
Project mention: How to avoid notches with Safe Area Context in React Native apps | dev.to | 2021-11-02To use a cross-platform solution to handle safe areas on notch devices, there is a library called react-native-safe-area-context. It provides a flexible API to handle safe area insets in JS and works on iOS, Android, and Web.
-
Project mention: Just found out about Kubenav it's an open source Kubernetes viewer/manager for your phone and it's really cool when away from the computer ! | reddit.com/r/selfhosted | 2021-12-28
Here is the repo https://github.com/kubenav/kubenav
-
Project mention: Position React Native alert at bottom of screen. | reddit.com/r/reactnative | 2021-11-12
You sure you’re not looking for an Action Sheet? https://github.com/expo/react-native-action-sheet
-
React Native: https://github.com/enesozturk/rn-swipeable-panel
TypeScript iOS related posts
- GitHub - Poor man's VPN (pay for only what you need)
- [Question] What is the Best Way to Install Kodi on iPhone 6s?
- Does anyone else feel that a dark mode on the hardware wallet would be nice?
- Light Wallet UI Suggestion
- storm: A modern deluge interface (mobile-friendly)
- Just found out about Kubenav it's an open source Kubernetes viewer/manager for your phone and it's really cool when away from the computer !
- [Question] Has anyone figured out how to bypas the LG ThinQ app? I’ve tried Hestia, HideJB, Turning off “enable tweaks” in Libhooker and still getting “cannot run on rooted device”
Index
What are some of the best open-source iOS projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Ionic Framework | 45,954 |
| 2 | react-native-elements | 21,860 |
| 3 | NativeScript | 20,794 |
| 4 | NativeBase | 16,914 |
| 5 | devhub | 7,840 |
| 6 | react-native-calendars | 7,436 |
| 7 | kittenTricks | 6,784 |
| 8 | outline-client | 6,608 |
| 9 | react-native-modal | 4,697 |
| 10 | react-native-ui-lib | 4,018 |
| 11 | react-native-render-html | 2,652 |
| 12 | quirk | 1,978 |
| 13 | pwa-asset-generator | 1,808 |
| 14 | react-native-viewpager | 1,448 |
| 15 | shortcuts-js | 1,381 |
| 16 | react-native-onesignal | 1,361 |
| 17 | react-native-scroll-bottom-sheet | 1,328 |
| 18 | lichobile | 1,314 |
| 19 | Rocket.Chat.ReactNative | 1,294 |
| 20 | react-native-safe-area-context | 1,263 |
| 21 | kubenav | 1,201 |
| 22 | react-native-action-sheet | 1,005 |
| 23 | rn-swipeable-panel | 753 |
Are you hiring? Post a new remote job listing for free.
