tombenner/nui
Nui
Nui is a declarative UI styling tool and stylesheet library for iOS applications. It separates visual design from programmatic logic by using a centralized stylesheet to define interface colors, fonts, and borders instead of relying on inline code.
The engine features hot-reloading capabilities that monitor stylesheet files and update the visual interface instantly without restarting the application. It also includes a responsive layout framework and a state-based visual manager to adjust styles based on device orientation, screen dimensions, and interaction states.
The system covers a broad range of styling capabilities, including cascading style inheritance, class-based property grouping, and descendant-based element selection. It provides mechanisms for device-specific styling and nested element targeting to maintain a consistent visual identity across different hardware and interface hierarchies.
Features
- CSS-to-Native Style Translators - Translates CSS-like stylesheet definitions into native iOS view properties for centralized interface styling.
- Style Hot Reloading - Monitors filesystem changes to update native view properties instantly without restarting the application process.
- Style Hot Reloaders - Implements a hot-reloading engine that updates the visual interface instantly when stylesheet files are modified.
- Stylesheet Hot Reloading - Monitors stylesheet files and updates the visual interface instantly without restarting the application.
- iOS App Styling - Manages the visual appearance of iOS interfaces using a centralized stylesheet instead of hardcoded inline styles.
- iOS Application Theming - Provides a system for applying unified colors, fonts, and styles across a native iOS project.
- iOS Stylesheet Libraries - Provides a CSS-like styling system for iOS applications that separates visual design from programmatic view definitions.
- Common UI Element Styling - Provides a centralized stylesheet mechanism for managing colors, fonts, and borders for general interface components.
- Declarative Styling Systems - Implements a declarative system for defining interface colors, fonts, and borders via a standardized stylesheet.
- Custom Style Classes - Provides a mechanism for defining named style groups to assign shared visual properties across multiple elements.
- Style Inheritance Systems - Propagates visual properties from parent elements to descendants to ensure consistent styling across the interface.
- State-Based Style Application - Switches active visual properties on views based on interaction states such as hovering or pressing.
- Visual State Management - Manages the switching of visual styles for iOS elements based on interaction states like hover or active.
- iOS Visual Prototyping - Enables rapid iteration of visual designs through instant style updates without rebuilding the project.
- Device-Specific Styling - Adjusts visual rules based on screen orientation or device type to maintain a consistent layout across hardware.
- Nested Element Targeting - Provides a system for targeting child elements within the interface hierarchy for specific styling rules.
- Responsive Design - Adjusts layouts and styles automatically based on screen size and device orientation for a consistent iOS experience.
- Responsive Layout Frameworks - Provides a framework for adjusting iOS application visuals based on screen size, device type, and orientation.
- Child and Descendant - Allows targeting specific native views for styling based on their position as children or descendants within the hierarchy.
- Document Media Queries - Adjusts active style rules automatically based on screen dimensions or device orientation.
- Responsive Layout Styling - Automatically changes layout rules based on screen dimensions to ensure the interface fits different displays.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
