All Projects → oslabs-beta → Osiris

oslabs-beta / Osiris

Licence: mit
An Electron based desktop application for generating components, building pages, and storing them in a UI library.

Programming Languages

javascript
184084 projects - #8 most used programming language
js
455 projects

Projects that are alternatives of or similar to Osiris

Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (-53.14%)
Mutual labels:  ux, ux-design, ui-components
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (-48.57%)
Mutual labels:  ux, ui-components, ux-design
demo-tailwindcss
🎐 TailwindCSS 2 + Oruga demo
Stars: ✭ 15 (-91.43%)
Mutual labels:  ui-components, ux-design
React Wait
Complex Loader Management Hook for React Applications
Stars: ✭ 268 (+53.14%)
Mutual labels:  ux, ui-components
Circlebar
A fun, easy-to-use tab bar navigation controller for iOS.
Stars: ✭ 513 (+193.14%)
Mutual labels:  ux, ui-components
ui-ux
The learning guide contains the Basics, Intermediate and Advance resources for User Interface and User Experience Design
Stars: ✭ 187 (+6.86%)
Mutual labels:  ux, ux-design
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (-63.43%)
Mutual labels:  ux, ui-components
Oruga
🐛 Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (+69.71%)
Mutual labels:  ux, ui-components
awesome-ux-design-styles
Curated list of UX styleguides and design systems
Stars: ✭ 66 (-62.29%)
Mutual labels:  ux, ux-design
Curricula Ux
Currícula UX en @Laboratoria
Stars: ✭ 34 (-80.57%)
Mutual labels:  ux, ux-design
Ui Ux Designer Roadmap
Roadmap on becoming a UI/UX designer in 2017
Stars: ✭ 1,357 (+675.43%)
Mutual labels:  ux, ux-design
react-native-imaged-card-view
Rising Imaged Card View with Awesome Shadows and Fully Customizable Library for React Native
Stars: ✭ 16 (-90.86%)
Mutual labels:  ux, ui-components
meshery.io
Site for Meshery, the cloud native management plane
Stars: ✭ 135 (-22.86%)
Mutual labels:  ux, ux-design
UX-design
Learn how to design and prototype Web products that are comfortable and even joyful to use.
Stars: ✭ 16 (-90.86%)
Mutual labels:  ux, ux-design
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-37.14%)
Mutual labels:  ux, ui-components
Swiftui Drawer
A SwiftUI bottom-up controller, like in the Maps app. Drag to expand or minimize.
Stars: ✭ 280 (+60%)
Mutual labels:  ux, ui-components
Scribble-Font
Scribble Font for Prototyping & Wireframing
Stars: ✭ 48 (-72.57%)
Mutual labels:  ux, ux-design
prototype
📖Prototype Document
Stars: ✭ 45 (-74.29%)
Mutual labels:  ux, ux-design
Sketch Find And Replace
Sketch plugin to do a find and replace on text within layers
Stars: ✭ 693 (+296%)
Mutual labels:  ux, ux-design
Web Client
Generic Linked Data browser and UX component framework. Apache license.
Stars: ✭ 105 (-40%)
Mutual labels:  ux, ui-components

Logo

Osiris

An Electron based desktop application for generating components and storing them in a UI library.


Table of Contents

About The Project

Osiris is an all-in-one UI Component Library + Generator + Page Builder for developers and designers. Create and store custom, reusable components in React or Vue. Then, dynamically inject the components and manipulate their hierarchy. Finally, download the code for further development.

Built With

Usage


UI Generator and Library Features: Create custom components in React or Vue. Store your custom components securely in our UI Library powered by AWS S3


Build Page: Style and Add to Build: Easily build a React or Vue page by controlling the hierarchy of your custom components stored in your library. Customize your components by adding CSS and text


Build Page: Hierarchy & Download Code to Vue or React: Edit the hierarchy with simple arrow buttons. Choose to build your React page with/without State or Hooks. You can also build a Vue page with or without State. Lastly, download your custom page directly to your computer!

buildpage2

Getting Started

To get a local copy up and running follow these steps.

Prerequisite Accounts

Installation

  1. Clone the repo
git clone https://github.com/oslabs-beta/Osiris.git
  1. Install NPM packages
npm install

Connect Osiris Electron App to SQL Database with ElephantSQL

  1. SQL Script
CREATE TABLE individual_ui (id SERIAL PRIMARY KEY, organization_id VARCHAR, image VARCHAR, tags VARCHAR, react_code VARCHAR, file_name VARCHAR, type VARCHAR, description VARCHAR);
  1. Add pgkeys.js to /src and include the following:
export const PG_URI = '<your ElephantSQL uri>'

Initialize AWS-Amplify to your project

  1. Navigate to Osiris Root folder

  2. Install Amplify folder following these steps:

https://docs.amplify.aws/start/getting-started/installation/q/integration/react https://docs.amplify.aws/lib/storage/getting-started/q/platform/android#initialize-amplify-storage

Run

  1. Run the electron app
npm start

Contributing

Contributions are what make the open source community such an amazing place to be, learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Website: https://osirisdev.io

Github Link: https://github.com/oslabs-beta/Osiris/

Twitter: @osiris_io

Authors

License

Distributed under the MIT License. See LICENSE for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].