Context-aware UI system built with SolidJS and modern CSS.
We are an open collective of people dedicated to the design and software crafts: UX, design, code, web, 3d, audio, the works. Learn more about us and our projects at Noodlestan.org.
👐 Your contribution is welcome! 👐
If would like to share your ideas, report a bug, ask for improvements - or simply say hi! 👋 - don't hesitate to join us on Noodlestan's Discord or to drop us a line at hello@noodlestan.org.
System requirements:
We recommended using VS Code with the following extensions: ESLint, Prettier, MDX, Astro, SpellRight
First make sure you are using the correct node version by running nvm use.
Install dependencies with npm install.
In the Standard UI Sandbox application apps/standard-ui-demo/ run npm run dev to launch a development server.
Launch Chrome Canary with support for @function and @mixin in CSS:
open -a "Google Chrome Canary" --args --enable-experimental-web-platform-features --enable-features=CSSMixinsApps:
- Standard UI Demo - Demo application built with Standard UI.
Libraries:
- Solid Contexts - Context-aware application services, and controllers.
- Solid Primitives - Core types and utils.
- Solid Accessibility - Aria types, primitives, and utils.
- Solid Composables - Composable components, controllers, and mixins.
- Solid Dev - Instrumentation and debug tools.
- Standard UI - Themeable component library.
This project is built targets Solid JS (docs) applications and component libraries.
It depends only on SolidJS core and a few Solid Primitives.
Documentation is built on top of Astro / Starlight.
- Vite and Vitest
- @noodlestan/eslint-config - our style guide (ESLint + Prettier)
- Turborepo - manages build tasks
- Lefthook - manages the git hooks
Make sure the pre-commit hook was executed. It runs automatically before every commit and lints all code. Under the hood it runs npm run lint and npm run ci. Run these to inspect error details.
Copyright (c) 2024-2025 Noodlestan.
Published under a MIT license.
This project contains code based on the following open-source projects:
- SolidJS – Copyright (c) 2016-2025 Ryan Carniato – Licensed under the MIT License.
- solid-i18next – Copyright (c) 2021-2023 Martynas Barzda – Licensed under the MIT License.