Category: Ionic

Angular Material Mobile App with Capacitor – Brilliansolution. Angular Material is an awesome library of Material Design components for Angular apps, and with its sidenav plus the help of Capacitor we can easily build a native mobile app from one codebase! In this tutorial we will go through all the steps of setting up an Angular project and integrating Angular Material....

Building a Gmail Clone with Ionic & Angular – Brilliansolution. We have previously created a basic Gmail clone with Ionic, but there are certain UI and especially UX elements missing that make the original app look so amazing. View Demo In this new part of the Built with Ionic series we will explore the concepts used in the popular Gmail...

Building a Native Mobile App with Next.js and Capacitor – Brilliansolution. If you are using Next.js to build a web app, you can easily benefit from Capacitor and make your web app a native mobile app without any big changes or learning something new! I’ve previously talked about how to build a native mobile app using React with Capacitor and intentionally without...

Create Shared Element Transition in Ionic React App using Framer Motion – Brilliansolution. Shared element transitions is a common pattern in both web and mobile application. Youtube and Instagram use them heavily throughout their mobile application: Shared element transition improves the user experience (UX) of your application by creating an association between the two views you are transitioning between. Take...

The Ionic React Image Guide with Capacitor (Capture & Store) – Brilliansolution. Working with files, particularly images, is common in various applications such as social media and e-commerce websites. Besides the process of capturing and storing images being a tricky task, having to support it on multiple platforms adds an even more challenge. In this tutorial, we will create a...

Getting Started with Grafbase using Ionic React – Brilliansolution. Have you ever used a GraphQL API? With Grafbase, the task of defining and creating your own GraphQL backend becomes a breeze and you will build and deploy your backend in minutes! In todays tutorial you will learn to create a GraphQL API with Grafbase and how we can easily connect it to a...

ion-action-sheet How to Create Action Sheet on Ionic Framework – Brilliansolution. An Action Sheet is a dialog that displays a set of options. It appears on top of the app’s content, and must be manually dismissed by the user before they can resume interaction with the app. Destructive options are made obvious in ios mode. There are multiple ways to dismiss the...