Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

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

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Tags
  3. Ui Design

Ui Design

166 projects

Showing 22 of 166 projects

Framer Font Loader
Framer Font LoaderCoffeeScript

Reliably load local and web fonts into Framer prototypes to prevent layout issues.

#font-loading#web-fonts#framer
Stars30
Forks0
Last commit7 years ago
TJProfileImage
TJProfileImageSwift

A custom UIImageView subclass that enables live rendering of border and shape properties directly in Xcode's Interface Builder.

#ios#live-rendering#ui-design
Stars30
Forks4
Last commit8 years ago
omarchy-shadesofjade-theme
omarchy-shadesofjade-themeCSS

A serene green-toned Linux theme designed for omarchy.org, offering calm clarity and subtle vitality to workspaces.

#calm-design#productivity#rice
Stars29
Forks2
Last commit18 days ago
Responsive Web Design Template
Responsive Web Design Template

A Sketch template with Font Awesome icons and Bootstrap UI components for responsive web design.

#web-design#sketch-template#prototyping
Stars27
Forks1
Last commit11 years ago
Framer-Highlightr
Framer-HighlightrCoffeeScript

A Framer.js module that displays hotspots over clickable layers in prototypes to improve usability testing.

#interactive-design#user-testing#hotspot-visualization
Stars27
Forks3
Last commit11 years ago
Framer-Grid
Framer-GridJavaScript

A Framer module that adds a customizable grid overlay to prototypes for precise content alignment.

#layout-alignment#grid-overlay#ui-design
Stars25
Forks0
Last commit10 years ago
omarchy-harbor-theme
omarchy-harbor-themeCSS

A calm, paper-light color scheme with cool ink accents, inspired by Nordic tones, designed for clear and focused coding.

#developer-tools#gtk-theme#archlinux
Stars25
Forks2
Last commit18 days ago
framer-view-stack
framer-view-stackCoffeeScript

A Framer module for creating and managing stacked views with swipe-to-dismiss and fan-out interactions.

#gesture-control#framer#interaction-design
Stars24
Forks0
Last commit4 years ago
framer.makeGradient
framer.makeGradientJavaScript

A Framer.js module for easily creating static linear and radial gradients on layers.

#visual-effects#prototyping#creative-coding
Stars23
Forks0
Last commit11 years ago
framer-webview
framer-webviewHTML

A web view module for Framer.js that enables embedding web pages in prototypes.

#interactive-mockups#webview#prototyping
Stars23
Forks2
Last commit11 years ago
framer.iosnotification
framer.iosnotificationJavaScript

A Framer module that displays iOS-style notifications in prototypes.

#design-system#ios-notifications#prototyping
Stars22
Forks0
Last commit11 years ago
GradientHelper
GradientHelperCoffeeScript

A Framer module for applying and animating gradients on design layers, now superseded by native support.

#animation#visual-effects#prototyping
Stars21
Forks1
Last commit9 years ago
omarchy-blueridge-dark-theme
omarchy-blueridge-dark-themeLua

A moderately dark theme for omarchy inspired by mountain ridge aesthetics, combining cool slate grays with warm morning tones.

#alacritty#hyprland#dark-theme
Stars20
Forks0
Last commit
SF Symbols Viewer
SF Symbols ViewerSwift

A Swift Playgrounds app for browsing and previewing SF Symbols on iPadOS.

#icon-viewer#apple-development#ui-design
Stars18
Forks1
Last commit5 years ago
hugeicons-angular
hugeicons-angular

Angular icon components for Hugeicons, providing fast, customizable icons with TypeScript and tree-shaking support.

#design-system#icon-library#figma
Stars12
Forks4
Last commit4 months ago
coolshapes
coolshapesTypeScript

An Angular library providing cool-looking abstract shapes with subtle grainy gradients for UI enhancement.

#coolshapes#shapes#opensource
Stars10
Forks0
Last commit11 months ago
framer-colour-transition
framer-colour-transitionJavaScript

A Framer module that smoothly transitions the background color of any layer using a simple function.

#interactive-design#animation#motion-design
Stars10
Forks0
Last commit11 years ago
omarchy-milkmatcha-light-theme
omarchy-milkmatcha-light-themeLua

A warm, creamy light theme with soft matcha green accents, optimized for comfortable daylight coding.

#developer-tools#productivity#editor-theme
Stars9
Forks2
Last commit
ScaleFrame
ScaleFrameJavaScript

A Framer Studio module that calculates the actual dimensions and positions of scaled layers.

#dimension-calculation#prototyping#ui-design
Stars7
Forks1
Last commit11 years ago
framer.module.fill
framer.module.fillJavaScript

A Framer module for filling layers with repeating patterns or video backgrounds.

#layer-fills#framer#video-background
Stars6
Forks0
Last commit11 years ago
redond-it
redond-itJavaScript

A JavaScript library that rounds all sharp edges on webpages to prevent injuries when consciousness is uploaded to the internet.

#web-accessibility#border-radius#npm-package
Stars4
Forks0
Last commit7 years ago
Framer Device Rotator
Framer Device RotatorCoffeeScript

A Framer module that adds a rotation button to phone/tablet prototypes in desktop browsers and Framer Studio.

#device-simulation#prototyping#ui-design
Stars1
Forks0
Last commit8 years ago
PreviousPage 5 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
1 year ago
1 year ago
#Design Tools45
#Ios35
#Prototyping33
#Frontend29
#Swift28
#Design System28
#Mobile Development24
#Ui Components23
#Web Development21
#Svg Icons20
#Flutter18
#Icons16