https://github.com/dimaslz/cross-ui-core

(WIP) Cross framework components for Vue, Angular and (P)React based in Stencil (https://stenciljs.com/ framework and Tailwindcss (tailwindcss.com)
https://github.com/dimaslz/cross-ui-core

angular components react stenciljs vue

Last synced: 5 days ago
JSON representation

(WIP) Cross framework components for Vue, Angular and (P)React based in Stencil (https://stenciljs.com/ framework and Tailwindcss (tailwindcss.com)

• Host: GitHub
• URL: https://github.com/dimaslz/cross-ui-core
• Owner: dimaslz
• Created: 2020-10-16T00:20:58.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-29T04:09:36.000Z (over 1 year ago)
• Last Synced: 2024-10-27T22:47:50.182Z (about 2 months ago)
• Topics: angular, components, react, stenciljs, vue
• Language: TypeScript
• Homepage: https://cross-ui-landing.vercel.app
• Size: 800 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cross UI components









	

	

	



Cross UI is a agnostic components library based in [StencilJS](https://github.com/ionic-team/stencil) framework. At the moment is not ready to accept collaborations or use in production. I am working on it just for fun, trying to learn something interesting, have a personal library for my projects and, if I get to have enough stable components, contribute with the OpenSource community.

In advance, thank you for your interest about it, in fact, if you want to give me some tips, recommendation or just some suggest me  what you would like to have in a components library, fill free to open an issue [https://github.com/dimaslz/cross-ui-core/issues](https://github.com/dimaslz/cross-ui-core/issues).

The intention is support at least the common frameworks like React, Vue and Angular.

The UI of this project, at the moment, is based on [TailwindCSS](https://tailwindcss.com)

## Do you want to play with?

Great, if this repo is helpful in your learning, feel free to clone in your machine or fork. But, if you want better details about how Stencil framework works, follow this repo [https://github.com/ionic-team/stencil-component-starter](https://github.com/ionic-team/stencil-component-starter) and the official documentation [StencilJS](https://github.com/ionic-team/stencil).

### Installation

npm users: `npm install`

yarn users: `yarn install`

Once you have installed, start running playground:

npm users: `npm run start:playground`

yarn users: `yarn start:playground`.

This will start rendering the playground package and open in your browser in http://localhost:4001 if is not used. You should see a website like this: https://cross-ui.dimaslz.dev

Every change that you do in `/packages/core` will affect to the UI but, keep in mind that usually, changes could be a bit slow, the playground will not update automatically and you need to refresh your site manually. I am pending to improve it if is possible, but is not a priority now.

### Project distribution

I am looking for the best folders organization. At the moment, I will follow `/projects/playground` for the landing to have a demo of components.

And `/packages/core`, a stencil project just to have the Stencil component to create the bundle to distribute to npm.

## Author

```js

{

	license: "MIT",

	name: "Dimas López",

	role: "FullStack Software development",

	alias: "dimaslz",

	twitter: "https://twitter.com/dimaslz",

	site: "https://dimaslz.dev",

	linkedin: "https://www.linkedin.com/in/dimaslopezzurita"

}

```