Search Results for "ui components"
Sort By:
Showing 55 open source projects for "ui components"
View related business solutions-
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
React Native UI Library
UI Components Library for React Native
RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer. -
2
screenshot-to-code
Drop in a screenshot and convert it to clean code
screenshot-to-code converts UI screenshots or design images into working front-end code, accelerating the path from concept to prototype. It uses modern vision-capable or code-generating models to infer layout structure, typography, and components, then outputs clean HTML/CSS (often Tailwind) or framework code. A web interface lets you upload images, tune options, and preview generated results, while a backend service orchestrates the model calls and post-processing. -
3
AudioKit
Swift audio synthesis, processing, & analysis platform
AudioKit is an entire audio development ecosystem of code repositories, packages, libraries, algorithms, applications, playgorunds, tests, and scripts, built and used by a community of audio programmers, app developers, engineers, researchers, scientists, musicians, gamers, and people new to programming. An important goal for AudioKit is to allow it to grow and be maintainable by a handful of volunteers. For this reason we have extensive tests that are run whenever changes are made to any... -
4
Its Hover
Icons that move with intent
Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. ... -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
Voice
Minimalistic audiobook player
This is my digital playground where I am learning. I'm integrating and validating new technologies and ideas here, playing around with new UI / UX components, and developing with the best coding standard I have come up with. At the same time, I want to provide an audiobook player which is really easy in use and a joy to work with. -
6
Flyleaf
Media Player .NET Library for WinUI 3/ WPF/WinForms
...It is designed to deliver smooth playback for high-resolution content, including 4K and HDR video. The framework includes a customizable player interface and supports integration into desktop applications built with WPF or other .NET UI frameworks. Flyleaf offers features such as subtitle rendering, audio track selection, and playback controls for a complete media experience. It also includes advanced buffering and synchronization mechanisms to ensure stable playback under varying conditions. The architecture is modular, allowing developers to extend functionality or integrate custom components. ... -
7
Christmas Tree
Just a simple Christmas tree, based on reddit story
...Because tree structures are ubiquitous in computing—from file systems and organizational charts to DOM structures and evolutionary taxonomies—atree provides a reusable foundation for representing and interacting with nested data. It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance. -
8
Asset Catalog Tinkerer
An app that lets you open .car files and browse/extract their images
Asset Catalog Tinkerer lets you open asset catalog files (.car) and view the images that they contain. You can also copy and export individual images out or export all images from an asset catalog. Asset Catalog Tinkerer was designed with images in mind, so it doesn't support some of the more modern asset catalog features, such as PDFs, SVGs, or colors. It may or may not be updated in the future to support those. The app also includes a QuickLook PlugIn so you can see previews of asset... -
9
GLScene
GLScene Engine for Delphi & C++Builder VCL Windows 32/64
GLScene is an OpenGL based 3D library for Delphi, C++Builder and Lazarus. It provides visual components and objects allowing description and rendering 3D scenes in graphic applications. Update of newer versions of the trunk has been moved to https://github.com/glscene -
8 Monitoring Tools in One APM. Install in 5 Minutes.AppSignal works out of the box for Ruby, Elixir, Node.js, Python, and more. 30-day free trial, no credit card required.
-
10
RealityUI
A Swift Package for creating familiar UI Elements and animation
RealityUI is a collection of user interface classes for RealityKit. The classes included in RealityUI aim to offer familiar User Interface guidelines, but in a 3D setting for Augmented and Virtual Reality through RealityKit. The User Interface controls in this repository so far are made to be familiar to what people are used to with 2D interfaces, however the plan is to expand the tools on offer to new and unique controls, which are more appropriate for an Augmented Reality and Virtual... -
11
Vue Starport
Shared component across routes with animations
...It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3. -
12
css.gg
Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite
700 Precise and Detailed UI Icons, provided with well-organized Figma components library. All icons are available as components on assets from where you can search for a sigle icon or browse categories. All icons are available as components. By default all the CSS, SCSS icons inherit the color from the parent by using currentColor attribute how ever you can apply any color you like. -
13
QMDemo
Some functional modules developed by Qt on a daily basis or demos
...QMDemo also provides UI components for controlling playback and interacting with media content. Its modular structure allows developers to reuse and adapt components for their own applications. Overall, it serves as a practical reference for building multimedia features in Android apps. -
14
MIDI Simplified 1.6
MIDI Devices, Files and Sequencing Components for Delphi 10.x VCL/FMX
...This package provides 3rd generation of components to simplify communication with musical instruments, developed with high-performance in mind. The package also comes with a high-priority system timer and a MIDI clock component. You can register threaded observers, giving you MIDI events in real-time with timing, or non-threaded to respond in a UI environment. -
15
DKVideoPlayer
Android Video Player. Android video player, encapsulates MediaPlayer
...It also offers seamless playback transitions, caching during playback, and picture-in-picture functionality for enhanced user experience. Developers can easily switch between different playback cores depending on performance needs, while maintaining a consistent API. With extensive UI components and modular design, DKVideoPlayer is suitable for building both simple media apps and complex streaming interfaces. -
16
Flutter Music Player
First Open Source Flutter based material design music player
Flutter Music Player is an open-source Flutter application that implements a material-design-centric music player capable of playing local audio files on Android (with iOS support planned or community-driven), making it a practical starting point for building media apps in Dart/Flutter. The project includes code that handles core music playback features such as playing, pausing, stopping, seeking within tracks, and basic playback controls, all wrapped in a visually appealing UI consistent... -
17
MovieCompose
Demo movie app using Jetpack Compose and Hilt based on modern Android
MovieCompose is a small demo application based on modern Android tech-stacks especially focus on Jetpack Compose UI using The Movie DB API. Also fetching data from the network and integrating persisted data in the database via repository pattern. -
18
Angular Spotify
Spotify client built with Angular 12, Nx Workspace, ngrx
A simple Spotify client built with Angular 12, Nx workspace, ngrx, TailwindCSS and ng-zorro. Spotify premium is required for the Web Playback SDK to play music. If you are using a free account, you can still browse the app, but it couldn't play the music. I still remember Window Media Player on windows has the visualization when you start to play the music, and I wanted to have the same experience when listening to Spotify. That is the reason I started this project. I found that there... -
19
hplayer
A multi-screen player using Qt + FFmpeg
...It supports common audio and video formats and includes playback controls for managing media streams. The architecture emphasizes performance and simplicity, using native libraries to achieve efficient playback. It also demonstrates integration between UI layers and low-level media processing components. Overall, it serves as a practical reference for building custom media players. -
20
WeiXinRecordedDemo
WeChat video shooting UI, ffmpeg-based video recording and editing
...Designed as a learning resource, it provides developers with a reference for building social media-style video capture applications. The codebase demonstrates handling of encoding, file management, and UI interactions in a cohesive workflow. Its modular structure allows developers to reuse components such as filters, recording logic, and playback controls. -
21
React Color
Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter
13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to... -
22
React Flight
The best way to build animation compositions for React
...It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications. -
23
Android Video Trimmer
The Android-Video-Trimmer project implements the selection of clips
Android-Video-Trimmer is an Android library designed to enable video trimming and basic editing directly within mobile applications. It provides a customizable interface for selecting segments of a video and exporting trimmed clips efficiently. The library integrates media processing tools such as ExoPlayer and FFmpeg or Media3 for handling playback and encoding. It supports compression features that reduce file size while maintaining acceptable quality. Developers can easily integrate the... -
24
PyQt5 Apps
Some useful apps based on PyQt5
...The repository serves as a learning resource for developers interested in building cross-platform desktop applications with Python. It includes multiple small tools and demos that illustrate concepts such as window management, event handling, and UI design. The applications demonstrate how to integrate multimedia, file handling, and system interaction features within PyQt environments. It emphasizes modular design, allowing developers to reuse components and adapt them for their own projects. The codebase is structured to highlight best practices in GUI development while remaining approachable for beginners. ... -
25
React-Motion
A spring that solves your counter animation problems
...You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API. It's normal not to feel how stiffness and damping affect your spring; use Spring Parameters Chooser to get a feeling.
