Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Tags
  3. User Experience

User Experience

152 projects

Showing 36 of 152 projects

Image Fallback
Image FallbackTypeScript

Angular directive that automatically loads a placeholder image when the primary image fails to load.

#angular5#fallback#angular-directive
Stars82
Forks11
Last commit2 years ago
react-native-scrollview-smart
react-native-scrollview-smartJavaScript

A React Native ScrollView component that automatically adjusts for keyboard visibility on iOS and Android.

#mobile-ui#ios#text-input
Stars81
Forks3
Last commit1 year ago
Ember Perf
Ember PerfJavaScript

Measure user-perceived performance data in your Ember.js app, tracking transitions and renders.

#frontend-performance#ember-addon#web-performance
Stars73
Forks19
Last commit3 months ago
vue-identify-network
vue-identify-networkTypeScript

A Vue.js component that detects and displays the internet connection type and speed of your users.

#vue2#window#identify-network
Stars69
Forks9
Last commit3 days ago
Gifline
GiflineJavaScript

A Chrome extension that quickly inserts GIFs into Gmail emails using simple text commands.

#productivity#browser-extension#giphy-api
Stars69
Forks12
Last commit7 years ago
WebfactoryExceptionsBundle
WebfactoryExceptionsBundleTwig

A Symfony bundle providing Twig templates and blocks for creating user-friendly custom error pages.

#custom-error-pages#error-handling#symfony-bundle
Stars62
Forks14
Last commit2 years ago
KeyboardHideManager
KeyboardHideManagerSwift

A codeless iOS manager to hide the keyboard by tapping on views, written in Swift.

#ui-ux#ios#library
Stars57
Forks8
Last commit2 years ago
react-native-ux-cam
react-native-ux-camObjective-C

A React Native wrapper for the UXCam mobile app analytics and session recording SDK.

#ios#android#session-recording
Stars52
Forks36
Last commit3 years ago
AnimatedCardInput
AnimatedCardInputSwift

An iOS library providing customizable animated components for credit card input with a visual card preview.

#ios#animation#customizable
Stars40
Forks3
Last commit6 years ago
react-native-modal-loader
react-native-modal-loaderJavaScript

A customizable animated modal progress HUD (heads-up display) for React Native applications.

#mobile-ui#progress#loading-indicator
Stars39
Forks7
Last commit6 years ago
vue-default-page
vue-default-pageTypeScript

A Vue 3.0 custom directives plugin providing loading, skeleton, error, and empty states for network request scenarios.

#directives#skeleton-screens#ui-feedback
Stars34
Forks1
Last commit2 years ago
react-native-coachmasks
react-native-coachmasksJavaScript

A React Native library for creating interactive coach marks and guided tutorials to enhance user onboarding.

#coach-marks#react-native-show-case-lib#react-native-coachmarks
Stars34
Forks13
Last commit
vue-autofocus-directive
vue-autofocus-directiveJavaScript

A Vue.js directive that automatically focuses form elements when a page loads.

#form-autofocus#frontend#vuejs
Stars34
Forks7
Last commit3 months ago
ember-onbeforeunload
ember-onbeforeunloadJavaScript

An Ember.js addon that prompts users before leaving routes or closing windows when there are unsaved changes.

#single-page-applications#data-persistence#ember-addon
Stars30
Forks5
Last commit3 years ago
angular-busy
angular-busyTypeScript

A lightweight Angular directive to display loading indicators on any element during async operations like promises, observables, or signals.

#angular5#loading-indicator#loading
Stars27
Forks5
Last commit3 days ago
Less Confusing Menus
Less Confusing MenusJavaScript

A Chrome extension that reorganizes Digital Ocean's navigation menus for better clarity, especially for team users.

#browser-extension#teams#ui-improvement
Stars27
Forks2
Last commit
ngx-show-hide-password
ngx-show-hide-passwordTypeScript

An Angular library that adds a toggle button to password or text inputs to switch between visible and hidden text.

#password#password-toggle#accessibility
Stars20
Forks3
Last commit1 month ago
grand-notifications
grand-notificationsJavaScript

A framework-agnostic toast notification library with artistic animations and extensive customization for JavaScript/TypeScript frontends.

#zero-dependencies#typescript#ui-components
Stars20
Forks0
Last commit
ng-auto-animate
ng-auto-animateTypeScript

Zero-configuration animation utility for Angular that automatically animates DOM changes.

#ui-animation#animation#standalone-library
Stars13
Forks4
Last commit1 month ago
react-native-hide-modal
react-native-hide-modalJavaScript

A React Native modal component that can be hidden with a "don't show again" checkbox and timed invisibility.

#check#checkbox#npm
Stars9
Forks0
Last commit7 years ago
ngx-navigate-back
ngx-navigate-backTypeScript

A lightweight Angular library that simplifies navigation management by providing browser-like back button functionality.

#javascript-framework#single-page-application#navigate
Stars7
Forks0
Last commit
ngx-form-draft
ngx-form-draftTypeScript

Zero-dependency Angular library for auto-saving and restoring form drafts with localStorage.

#template-driven-forms#data-persistence#form-draft
Stars5
Forks0
Last commit4 months ago
ngx-draggable-dom
ngx-draggable-domTypeScript

An Angular attribute directive that makes any DOM element draggable with advanced features like bounds constraints and touch support.

#dom-manipulation#ui-ux#draggable
Stars4
Forks6
Last commit4 days ago
zsh-not-vim
zsh-not-vimShell

A zsh plugin that playfully reminds users when they accidentally try to use vim commands in the shell.

#terminal-tools#vim#zsh-plugin
Stars3
Forks0
Last commit5 years ago
antd-group-slider
antd-group-sliderJavaScript

A React component for inputting multiple related range values with synchronized sliders and descriptions, built on Ant Design.

#range-input#react-component#slider
Stars3
Forks0
Last commit4 years ago
vue-skeleton-content-loader
vue-skeleton-content-loaderTypeScript

A Vue component for creating animated, customizable skeleton loading screens that adapt to your app's design.

#package#animation#loading
Stars3
Forks0
Last commit11 months ago
ng-loading-skeleton
ng-loading-skeletonTypeScript

A lightweight and customizable Angular component for displaying loading skeleton placeholders.

#skeleton-screen#frontend#ui-components
Stars3
Forks0
Last commit1 year ago
ngx-arrow-state
ngx-arrow-stateTypeScript

An Angular library for AI chat-style input history navigation with arrow keys and Ctrl+Enter form submission.

#form-submission#reactive-forms#directive
Stars3
Forks0
Last commit1 month ago
groupix-spinner-library
groupix-spinner-libraryTypeScript

A lightweight Angular spinner library for customizable loading animations with configurable ball count and size options.

#package#library#animation
Stars2
Forks0
Last commit10 months ago
ngx-image-hero
ngx-image-heroTypeScript

An Angular directive for implementing Flutter-like hero animations that smoothly zoom images into an immersive full-screen view.

#ui-animations#animation#angular2
Stars2
Forks0
Last commit1 year ago
ng-error-tooltips
ng-error-tooltipsTypeScript

An Angular library that displays validation error messages as tooltips on reactive and signal form inputs.

#signal-forms#reactive-forms#testing
Stars2
Forks0
Last commit6 days ago
ngx-loading-overlay
ngx-loading-overlayTypeScript

An Angular directive that adds a customizable loading overlay to HTML elements.

#loading-indicator#angular-directive#frontend
Stars2
Forks0
Last commit11 months ago
ngx-swipe-menu
ngx-swipe-menuTypeScript

An Angular component for creating swipe-left action menus on mobile interfaces.

#mobile-ui#angular-component#action-menu
Stars2
Forks0
Last commit1 year ago
ngx-loading-page
ngx-loading-pageTypeScript

A fully customizable Angular loading page component with multiple loader styles, dynamic colors, and Bootstrap-based UI.

#loading-indicator#frontend#spinner
Stars1
Forks0
Last commit1 year ago
ngx-offline-indicator
ngx-offline-indicatorTypeScript

An Angular library for displaying customizable internet connection status indicators in applications.

#connection-status#offline-detection#frontend
Stars1
Forks0
Last commit1 year ago
ngx-broken-img
ngx-broken-imgTypeScript

Angular directive that automatically replaces broken image URLs with a placeholder when they return 404 errors.

#img#angular-2#angular-directive
Stars1
Forks1
Last commit9 days ago
PreviousPage 4 of 5

Related Tags

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub
3 years ago
9 years ago
1 year ago
1 year ago
Next
#Frontend57
#Ui Components42
#Ios36
#Angular30
#Swift23
#Javascript Library22
#Javascript21
#Cocoapods20
#Mobile Development19
#Web Development19
#Animation16
#Web Performance14