https://github.com/git-marcopitra/stylin.js
Stylin.js is a Javascript library to provide "all" css attributes builtin under component/element.
https://github.com/git-marcopitra/stylin.js
builtin react reactjs typescript vanilla-css
Last synced: 8 months ago
JSON representation
Stylin.js is a Javascript library to provide "all" css attributes builtin under component/element.
- Host: GitHub
- URL: https://github.com/git-marcopitra/stylin.js
- Owner: git-marcopitra
- License: mit
- Created: 2023-02-03T22:46:08.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-12T08:43:25.000Z (over 1 year ago)
- Last Synced: 2025-09-30T20:22:04.921Z (8 months ago)
- Topics: builtin, react, reactjs, typescript, vanilla-css
- Language: TypeScript
- Homepage: https://git-marcopitra.github.io/stylin.js
- Size: 3.56 MB
- Stars: 15
- Watchers: 2
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Stylin.js
Stylin.js is an style ecosystem to provide the most easy and productive way to style your elements and components in the most of frontend technologies, providing a full "no-tab-change" styling experience.
## Introduction
- [Stylina `@stylin.js/stylina`](packages/stylina): Stylin.js for Vanilla - directly to your html element.
- [STYLIN.JS for React `@stylin.js/react`](packages/react): Stylin.js for React - allows you to create stylin components.
- [STYLIN.JS core `@stylin.js/core`](packages/core): Stylin.js core - modular functions and logics.
## Stylina
### Installing: @stylin.js/stylina
You just need to add the cdn (`https://unpkg.com/@stylin.js/stylina@`) to your `script` tag with `type="module"`
### Usage: @stylin.js/stylina
```html
...
hello world
```
[See more here](/packages/stylina)
## STYLIN.JS for React
### Installing: @stylin.js/react
To install the package you must have installed [node](https://nodejs.org/en/) and npm/yarn
```sh
# npm
npm install @stylin.js/react
# yarn
yarn add @stylin.js/react
```
### Usage: @stylin.js/react
It's too simple to use React _StylinComponents_, see what I mean:
```jsx
import stylin from '@stylin.js/react';
import React from 'react';
const StylinDiv = stylin('div')();
const Home = () => (
Hello World
);
```
[See more here](/packages/react)
## STYLIN Elements
### Installing: @stylin.js/elements
To install the package you must have installed [node](https://nodejs.org/en/) and npm/yarn
```sh
# npm
npm install @stylin.js/elements
# yarn
yarn add @stylin.js/elements
```
### Usage: @stylin.js/elements
It's too simple to use React _StylinComponents_, see what I mean:
```jsx
import { Div } from '@stylin.js/elements';
import React from 'react';
const Home = () => (
Hello World
);
```
[See more here](/packages/elements)
## Contributing
To contribute check the [CONTRIBUTING.md](/CONTRIBUTING.md).