MCPcopy
hub / github.com/proksh/atomize

github.com/proksh/atomize @main sqlite

repository ↗ · DeepWiki ↗
58 symbols 160 edges 52 files 9 documented · 16%
README

Atomize Code

UI Design System for React JS

npm package NPM downloads PRs Welcome

Features

  • UI design system for web apps.
  • Elegant and beautiful React components

Environment Support

  • Modern browsers and Internet Explorer 9+
  • Server-side Rendering
  • Electron

| IE / Edge

IE / Edge | Firefox

Firefox | Chrome

Chrome | Safari

Safari | Opera

Opera | Electron

Electron | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

Install

npm install atomize react-transition-group

yarn add atomize react-transition-group

Usage

import { Button } from "atomize";
ReactDOM.render(<Button />, mountNode);

Links

Examples

Development

To clone locally:

$ git clone git@github.com:Proksh/atomize.git
$ cd atomize
$ npm install // or yarn
$ npm start

Open your browser and visit http://localhost:8080

Contributing PRs Welcome

Read our contributing guide and let's build a better atomize together.

Core symbols most depended-on inside this repo

makeResponsive
called by 233
src/style-functions/makeResponsive.js
findDirection
called by 15
src/style-functions/findDirection.js
arrayKeyMapToObject
called by 9
src/style-functions/arrayKeyMapToObject.js
makeResponsiveBorder
called by 9
src/style-functions/findBorder.js
findRoundedDirection
called by 5
src/style-functions/findRoundedDirection.js
findBorder
called by 5
src/style-functions/findBorder.js
onEntering
called by 2
src/atoms/collapse/Collapse.js
onExiting
called by 2
src/atoms/collapse/Collapse.js

Shape

Function 48
Class 9
Method 1

Languages

TypeScript100%

Modules by API surface

src/atoms/dropdown/Dropdown.js8 symbols
src/atoms/sidedrawer/SideDrawer.js5 symbols
src/atoms/modal/Modal.js5 symbols
src/atoms/collapse/Collapse.js4 symbols
src/atoms/Collapse.js4 symbols
src/functions/scrollTo.js3 symbols
src/atoms/notification/Notification.js3 symbols
docs/App.js3 symbols
src/style-functions/findBorder.js2 symbols
src/style-functions/arrayKeyMapToObject.js2 symbols
src/atoms/Tab.js2 symbols
src/style-functions/mergeObjects.js1 symbols

Dependencies from manifests, versioned

@babel/cli7.4.4 · 1×
@babel/core7.4.5 · 1×
@babel/preset-env7.4.5 · 1×
@babel/preset-react7.0.0 · 1×
babel-loader8.0.6 · 1×
prism-react-renderer0.1.6 · 1×
react16.8.6 · 1×
react-dom16.8.6 · 1×
react-transition-group4.1.1 · 1×
styletron-engine-atomic1.4.0 · 1×
styletron-react5.2.0 · 1×
webpack4.32.2 · 1×

For agents

$ claude mcp add atomize \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact