Pretty UI Resources

screenshot of Pretty UI Resources
angular
react
react-native

A collection of Resource Templates and UI for Frontend and Mobile that are ready to use

Overview:

This article is a collection of templates and UI resources for web and mobile development. It provides ready-to-use code snippets and components that can be easily integrated into frontend and mobile applications.

Features:

  • Android (Kotlin)

    • Android Button that morphs into a loading progress bar
    • Android-FilePicker: Photopicker and document picker for Android
    • Android Search View based on Material design guidelines
    • Android layout that simulates physics using JBox2D
    • CircleMenu: a simple, elegant menu with a circular layout
    • CodeView-Android: Display code with syntax highlighting
    • Easy, flexible and powerful Swipe Layout for Android
    • EasyImage: Library for picking pictures from gallery or camera
    • Lightweight confetti library for celebrating moments in your app
    • Flexbox For Android
    • Instagram-Clone-Kotlin
    • Landscapist: Jetpack Compose image loading library
    • Money Tracker UI with Kotlin
    • Material Chip view. Can be used as tags for categories, contacts or creating text clouds
    • Material Calendar View for Android
    • RecyclerView Animators
    • Simple Carousel built with Android MotionLayout
    • Switcher: Android implementation of switch animation
    • ViewPager cards inspired by Duolingo
    • WordPress-Android
    • Github User
    • Learning Kotlin
    • Learning XML
    • EditText in RecyclerView
    • ImageCompression
    • Moflix Apps
    • Story App
    • JetCoffee App
  • Android (Java)

    • Android Profile UI Java XML
    • Andorid Java UI Profile XML
    • Login UI Cool Java XML
    • Mini android game written with Java and using libgdx framework
    • Sport Apps
  • Swift (SwiftUI)

    • Contacts-SwiftUI: a contacts app built using SwiftUI
    • MovieSwiftUI: an application that uses the MovieDB API and is built with SwiftUI
    • SwiftUI Animation Gallery
    • SwiftUI Movie Apps
    • SwiftUI PixaGame Apps
  • React Native

    • Airbnb React Native Clone Project
    • Cryptograph: a React Native App Graph for Crypto
    • Gifted Chat: The most complete chat UI for React Native & Web
    • Gmail Clone React Native
    • Instagram Clone React Native
    • Movies App React Native
    • NativeBase: Universal Components for React & React Native
    • React Native - Bidirectional Infinite Smooth Scroll
    • React Native Elements: Cross Platform React Native UI toolkit
    • React-native-parallax-scroll
    • React Native Vector Icons: Easy to extend, style and integrate into your project
    • React Native Modal
    • React Native OCR Scanner: Card2Contact
    • React Native Responsive Dimensions
    • React Native Display and Animate any Wavefront .OBJ 3D object.
    • Shope app: a native React project for an online store
    • Seats layout for bus booking
    • Tinder React Native Deck Swiper
    • WhatsApp Clone Using React Native
    • React Native Starter with TypeScript
    • e-commerce React Native Example
    • RN Cart App with Async Storage
    • Tamagui: A total UI kit for Native and Web. Composable components, themeable, sizable, adapts to each platform properly.
    • React Native Track Player: A fully fledged audio module created for music apps
  • Flutter

    • Awesome Clothes App
    • Anime App UI built using Flutter
    • Bank UI Flutter Template
    • Dice Game

Summary:

This article provides a comprehensive collection of templates and UI resources for web and mobile development. It covers various platforms such as Android (Kotlin and Java), Swift (SwiftUI), React Native, and Flutter. Each platform offers a wide range of ready-to-use components and templates that can be easily integrated into projects. Developers can save time and effort by using these resources instead of building components from scratch.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.