
Product
Unify Your Security Stack with Socket Basics
A single platform for static analysis, secrets detection, container scanning, and CVE checks—built on trusted open source tools, ready to run out of the box.
@moises.ai/design-system
Advanced tools
A comprehensive design system built on Radix UI components with custom theming and components.
npm install @moises.ai/design-system
Import components from the main package:
import { Box, Flex, Hello, World, Header } from "@moises.ai/design-system";
function App() {
return (
<Box>
<Header title="My App" />
<Flex>
<Hello name="Developer" />
<World />
</Flex>
</Box>
);
}
Import icons from the icons subpackage:
import { PlayIcon, RecordIcon } from "@moises.ai/design-system/icons";
function IconDemo() {
return (
<div>
<PlayIcon />
<RecordIcon />
</div>
);
}
Import primitive components:
import { Hello, World } from "@moises.ai/design-system/primitives";
function PrimitivesDemo() {
return (
<>
<Hello />
<World />
</>
);
}
Import the CSS styles:
import "@moises.ai/design-system/styles.css";
Make sure to import this at the root of your application to ensure all styles are loaded correctly.
Note: The styles.css file includes imports to Radix UI themes and custom colors. These paths are resolved when you install the package, so there's no need to install or configure anything additional.
npm install
npm run dev
npm run build
To test the package locally in another project before publishing to npm:
Install yalc globally:
npm install -g yalc
In the design system directory, temporarily update the version in package.json to a unique version (e.g., "50.0.1")
Publish the package locally:
yalc publish
In the target project where you want to test the design system:
yalc add @moises.ai/design-system@50.0.1
When finished testing, remove the local package:
# In the target project
yalc remove @moises.ai/design-system@50.0.1
npm install # or yarn to restore the published version
MIT
FAQs
Design System package based on @radix-ui/themes with custom defaults
The npm package @moises.ai/design-system receives a total of 343 weekly downloads. As such, @moises.ai/design-system popularity was classified as not popular.
We found that @moises.ai/design-system demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
A single platform for static analysis, secrets detection, container scanning, and CVE checks—built on trusted open source tools, ready to run out of the box.
Product
Socket is launching experimental protection for the Hugging Face ecosystem, scanning for malware and malicious payload injections inside model files to prevent silent AI supply chain attacks.
Research
/Security News
The Socket Threat Research Team uncovered a coordinated campaign that floods the Chrome Web Store with 131 rebranded clones of a WhatsApp Web automation extension to spam Brazilian users.