@earnest/nucleus
Advanced tools
Nucleus is Earnest’s design system, and is in early development at the time of writing (May 2022). It will be comprised of a style guide on Earnest’s digital foundations, a Figma component library, and a React component library, all tied together with a single documentation website.
:rocket: Improve product development velocity
:paintbrush: Make our products more consistent and trustworthy
:wheelchair: Make accessibility a first-class citizen in all of our experiences
A set of higher-level components.
Nucleus is built following the Atomic Design methodology. It is built on the foundation of low-level components that can be composed to build larger patterns and pages.
A place to share front-end logic.
Nucleus is a design system. The React library is responsible for rendering UI components. It might include some low-level hooks and other utilities, but only if they are within the domain of the design system.
Nucleus is built using React along with styled-components. Vite is used as the build engine and documentation is handled with Storybook (link coming soon).
In your project directory in terminal simply add Nucleus as an NPM module.
npm -i --save @earnest/nucleus
or
yarn add @earnest/nucleus
Nucleus uses the <ThemeProvider /> supplied by the Styled Components package. You can use this component to pass in your own custom theme to overwrite the default Nucleus design tokens.
All components can be used using the import { ComponentName } from '@earnest/nucleus' syntax.
Copyright Earnest 2022
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
FAQs
The Nucleus Design System by Earnest
The npm package @earnest/nucleus receives a total of 45 weekly downloads. As such, @earnest/nucleus popularity was classified as not popular.
We found that @earnest/nucleus demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 90 open source maintainers 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
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.
Security News
ENISA’s 2025 Threat Landscape report highlights how AI is reshaping cyber attacks, driving phishing, model poisoning, and software supply chain risks.
