Welcome to Natcore Design System 👩‍💻

Natcore Design System is a personal design system created by Natalie Basille, tailored to make your web development process more efficient, consistent, and enjoyable. It is built on top of the popular Tailwind CSSframework and includes a collection of css utilities and components that can be used on any html element. On top of that, it also includes a collection of reusable React, Vue (coming soon), and Svelte (coming soon) components.

Core Features 🌟

  • Tailwind CSS: NatCore uses Tailwind CSS as its core library, giving you access to a powerful and customizable utility-first CSS framework.
  • Philosophy: NatCore is built on a philosophy of primitives, library-agnosticism, and accessibility, ensuring that it can be used in a wide variety of contexts and with different technologies and frameworks.
  • Framework specific Components: NatCore comes with a collection of React, Vue (coming soon), and Svelte (coming soon) components that are built on top of the core library.

Getting Started 🚴‍♂️

To start using NatCore in your project, follow these simple steps:

  1. Install the core package from github
    npm install 'https://gitpkg.now.sh/nataliebasille/natcore-design-system/packages/core?main' --save
    copy
  2. Install the design system plugin into your tailwind config file.
    import natcore from '@natcore/design-system-core/plugin'; export default { content: ["./src/**/*.{js,ts,jsx,tsx}"], theme: { extend: {}, }, plugins: [natcore()], }
    copy
  3. Start designing your app!
atCore
Components
Forms