The open-source design system of Tree.ly

Related tags

Learning resource ui component-library design-system chakra-ui
Overview

🌳 Boemly

Boemly logo

Actions Status semantic-release: angular https://www.npmjs.com/package/boemly

Boemly is the open source component library maintained by Tree.ly based on ChakraUI.

🏃‍♀️ Getting started

Install Boemly:

npm i boemly --save

Include the theme provider in the root of your app and start using the Boemly components:

import { Button, BoemlyThemeProvider } from 'boemly';

function App() {
  return (
    <BoemlyThemeProvider>
      <Button>Button</Button>
    </BoemlyThemeProvider>
  );
}

export default App;

📚 Documentation

You can find a detailed documentation of Boemly here.

🚀 Contributing

We are happy about every contribution from our community! Please follow our contribution guideline.

💻 Development

For development on Boemly check out our development docs.

⚙️ Technologies used

🌲 Who is behind Boemly

Boemly is maintained by Tree.ly.

Tree.ly logo

Comments
  • fix(Expandable): Center icon

    fix(Expandable): Center icon

    Previously, any icon would be aligned to the left top. Only square phosphor-icons with size 80 would appear centered. This change centers all icons - or really any jsx element provided in the icon prop - vertically and horizontally in the parent div.

    Before: before

    After: after

    released 
    opened by raulsteurer 4
  • Check how much the bundle size is reduced by removing phosphor-icons and using .svg instead

    Check how much the bundle size is reduced by removing phosphor-icons and using .svg instead

    Check how much the bundle size is reduced by removing phosphor-icons and using .svg instead. This would also imply making the icons that are used configurable

    opened by lukasbals 4
  • Update chakra-ui dependencies

    Update chakra-ui dependencies

    Remove @chakra-ui/react dependency and add all the needed packages like @chakra-ui/button, @chakra-ui/link, ... . This should reduce the bundle size significantly.

    Addresses: https://github.com/treely/boemly/issues/11

    help wanted 
    opened by lukasbals 4
  • feat(RichText): Render inline content in line

    feat(RichText): Render inline content in line

    Uses the same logic as probablyup/markdown-to-jsx to decide whether to render the content as inline or block. Wraps inline content in a chakra-ui <Text> tag and applies the textProps to it. Behaviour for block content remains unchanged.

    released 
    opened by raulsteurer 3
  • perf(Dependencies): Migrate to Chakra@2 and React@18

    perf(Dependencies): Migrate to Chakra@2 and React@18

    BREAKING CHANGE: React@17 is not supported anymore. Additional, some style props are not supported anymore. Find a list of the style props migrations here: https://chakra-ui.com/getting-started/migration

    Fixes https://github.com/treely/boemly/issues/102

    released 
    opened by lukasbals 3
Releases(v4.6.0)
Owner
Tree.ly
Tree.ly
GitHub https://boemly.tree.ly
The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System

Usage Create an App # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --example with-

Viver Bungag 4 Jan 2, 2023
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" ?? The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Linus Lee 20 Oct 30, 2022
This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs

MikroORM nested set This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs Disclaimer For now, this packa

Kamil Fronczak 5 Dec 15, 2022
(🔗, 🌲) Web3 Link Tree is a free & open-source alternative to Linktree built with React.js, Next.js, Tailwind and Web3-React

Getting Started Read the detailed guide here Customize Add your name, wallet address, social media links and more in config.ts Images Save images to t

Naut 35 Sep 20, 2022
Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Reference for How to Write an Open Source JavaScript Library The purpose of this document is to serve as a reference for: How to Write an Open Source

Sarbbottam Bandyopadhyay 175 Dec 24, 2022
An Open-Source Platform to certify open-source projects.

OC-Frontend This includes the frontend for Open-Certs. ?? After seeing so many open-source projects being monetized ?? without giving any recognition

Open Certs 15 Oct 23, 2022
This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,

?? Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a

Shikhar 4 Oct 9, 2022
This is a project for open source enthusiast who want to contribute to open source in this hacktoberfest 2022. 💻 🎯🚀

HACKTOBERFEST-2022-GDSC-IET-LUCKNOW Beginner-Hacktoberfest Need Your first pr for hacktoberfest 2k22 ? come on in About Participate in Hacktoberfest b

null 8 Oct 29, 2022
Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community. It's a gi

Cihat Salik 22 Aug 14, 2022
Open source privacy notice design patterns.

Design-first privacy notice template The Juro Privacy Notice is an open source project by https://juro.com and https://stefaniapassera.com/. A couple

Juro 159 Nov 10, 2022
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript

Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript

Macaron 334 Dec 29, 2022
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀

SundarUI ?? Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements ?? What is SundarUI? Sundar UI is a library o

Raj Patel 4 Mar 19, 2023
Open-source Spaced Repetition System.

Flashy Open-source Spaced Repetition System. View Demo · Report Bug · Request Feature About The Project Flashy was created to be an easy to use, open

Sebastian Wojtasik 6 Oct 6, 2022
A free and open-source point-of-sale (POS) system for retail and wholesale businesses with support for multiple branches, stockkeeping locations, POS profiles and price lists.

Note: This is a beta version of the software. You are advised to proceed with caution! Overview A free and open-source point-of-sale (POS) system for

Mwai G 2 Jan 27, 2022
Open Source ATS (Applicant Tracking System)

Nueno - Open Source ATS Tech Stack Prisma NextAuth Tailwind CSS Jest ESlint Prettier Husky Lint-Staged Github Actions VSCode extensions Getting Starte

Simba City 230 Dec 27, 2022
⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase

SupaComments ⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs ?? Demo You can visit the Below demo blog po

MC Naveen 112 Dec 27, 2022
Nueno - Open Source ATS (Applicant Tracking System)

Nueno - Open Source ATS (Applicant Tracking System) Project setup Database Duplicate env.example and .env.test.example and rename to .env and .env.tes

Nueno 230 Dec 27, 2022
Open-source NFID SDK for Internet Identity, a blockchain authentication system for the Internet Computer.

NFID-SDK is an open source software development kit that contains examples and packages for developers to integrate NFID into your application

Internet Identity Labs 15 Dec 23, 2022
The open source Community Operating System, built with developers in mind.

IMPORTANT: This project is still under active development. Be aware that future releases can lead to breaking changes. The open source Community OS, b

crowd.dev 383 Dec 29, 2022