awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
snackui avatar

snackui/snackui

0
View on GitHub↗
14,040 stars·600 forks·TypeScript·MIT·21 viewstamagui.dev↗

Snackui

SnackUI is a cross-platform UI framework and universal component library designed to share styling and components between React and React Native. It functions as a CSS-in-JS compiler that ensures visual parity across web and mobile environments.

The framework utilizes a build-time tool to convert styles into atomic CSS or hoisted objects. This process optimizes runtime performance and loading speeds by extracting styles during the compilation phase.

The system provides a set of adaptable interface elements and a mapping layer that renders a single component definition into platform-specific native or web elements. This allows for the development of interfaces and UI kits from a single codebase using React Native primitives.

Features

  • Universal UI Kits - Provides a universal component library of adaptable interface elements that function across different platforms.
  • Native Styling Integration - Integrates React Native primitives into web applications to maintain full visual parity between mobile and desktop.
  • Universal - Ships a universal library of adaptable interface elements that work across platforms without platform-specific rewrites.
  • Cross-Platform UI Frameworks - Functions as a cross-platform UI framework sharing styling and components between React and React Native.
  • CSS-in-JS Compilers - Provides a CSS-in-JS compiler that converts styles into atomic CSS or hoisted objects at build time.
  • Zero-Runtime Styling Engines - Implements a zero-runtime styling engine that extracts CSS at build time to eliminate runtime overhead.
  • Atomic CSS Generators - Provides build-time transformation of style declarations into optimized atomic CSS to reduce payload size.
  • Cross-Platform Styling - Enables the creation of consistent interfaces across web and native platforms by sharing styling and component code.
  • Cross-Platform Style Mapping - Maps React Native styling primitives to web-compatible CSS properties to ensure visual parity across platforms.
  • Platform Component Mapping - Renders a single component definition into platform-specific native or web elements using a shared mapping layer.
  • Cross-Platform UI Frameworks - Facilitates building web and mobile interfaces from a single codebase with consistent styling for React and React Native.
  • Style Optimizers - Uses a static analysis compiler to identify and optimize style definitions before they reach the browser.
  • Frontend Performance Optimization - Improves runtime and loading speeds by transforming styles into atomic CSS during the build process.
  • React Native UI Libraries - Optimized UI kit for React Native and web.

Star history

Star history chart for snackui/snackuiStar history chart for snackui/snackui

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.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Snackui

These projects share indexed features with Snackui. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • facebook/react-strict-domfacebook avatar

    facebook/react-strict-dom

    3,483View on GitHub↗

    react-strict-dom is a cross-platform UI framework designed to maintain consistent styling and layout across different operating systems and web browsers. It functions as a React Native DOM polyfill and a technical bridge that enables web-standard layout and event loop models to operate within non-browser environments. The project focuses on native platform web API polyfilling to allow DOM-like traversal and layout models to function on native platforms. It integrates React Native Web to share UI logic and styles while ensuring a uniform look and behavior for interface elements across diverse

    JavaScript
    View on GitHub↗3,483
  • atlassian-labs/compiledatlassian-labs avatar

    atlassian-labs/compiled

    2,049View on GitHub↗

    Compiled is a styling framework for React that converts component-level styles into static, atomic CSS files during the build process. By utilizing build-time abstract syntax tree transformations, the library eliminates the need for runtime style injection, ensuring that styles are processed and optimized before the application executes. The framework distinguishes itself by decomposing complex style objects into individual, reusable utility classes, which minimizes total stylesheet size. It maintains support for dynamic component properties by mapping them to CSS custom variables, allowing f

    TypeScriptbabelcsscss-in-js
    View on GitHub↗2,049
  • wechat-miniprogram/kbonewechat-miniprogram avatar

    wechat-miniprogram/kbone

    4,914View on GitHub↗

    kbone is an isomorphic frontend framework and web-to-mini-program adapter. It serves as a cross-platform UI bridge and DOM simulation library that allows web applications to run inside WeChat Mini Programs by simulating a browser environment for JavaScript code. The project enables the migration of web UI frameworks into restricted environments by providing simulated browser interfaces and APIs. It translates standard web components and routing into native mini program elements and page transitions, allowing a single codebase to function as both a standard website and a mini program. The fra

    JavaScript
    View on GitHub↗4,914
  • callstack/linariacallstack avatar

    callstack/linaria

    12,335View on GitHub↗

    Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build time to extract styles from tagged template literals into standalone, static CSS files, removing the need for a runtime style injection engine. The library distinguishes itself by mapping component props to CSS custom properties, enabling dynamic styling and runtime property updates without regenerating stylesheets. It utilizes a build-time evaluation engine to resolve interpolations and a hashing system to generate scoped class names that prevent style collisions. The project c

    TypeScript
    View on GitHub↗12,335
Compare all 30 related projects→

Frequently asked questions

What does snackui/snackui do?

SnackUI is a cross-platform UI framework and universal component library designed to share styling and components between React and React Native. It functions as a CSS-in-JS compiler that ensures visual parity across web and mobile environments.

What are the main features of snackui/snackui?

The main features of snackui/snackui are: Universal UI Kits, Native Styling Integration, Universal, Cross-Platform UI Frameworks, CSS-in-JS Compilers, Zero-Runtime Styling Engines, Atomic CSS Generators, Cross-Platform Styling.

Which projects share features with snackui/snackui?

Projects with overlapping indexed features include: facebook/react-strict-dom — react-strict-dom is a cross-platform UI framework designed to maintain consistent styling and layout across different… atlassian-labs/compiled — Compiled is a styling framework for React that converts component-level styles into static, atomic CSS files during… wechat-miniprogram/kbone — kbone is an isomorphic frontend framework and web-to-mini-program adapter. It serves as a cross-platform UI bridge and… callstack/linaria — Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build… facebook/stylex — StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into… tamagui/tamagui — Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that…