lonelyplanet / Backpack Ui
Licence: mit
All the tools you need to build the Lonely Planet UI experience.
Stars: ✭ 216
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Backpack Ui
core
The Pangolin.js core that drives everything.
Stars: ✭ 18 (-91.67%)
Mutual labels: styleguide, pattern-library
ripple
Ripple is the frontend framework for Single Digital Presence, delivered using Nuxt and Vue.js
Stars: ✭ 36 (-83.33%)
Mutual labels: pattern-library, storybook
fractal-starter-kit
Starter kit for Fractal with SCSS, Webpack, XO, sass-lint and Gulp
Stars: ✭ 22 (-89.81%)
Mutual labels: styleguide, pattern-library
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Stars: ✭ 222 (+2.78%)
Mutual labels: pattern-library, storybook
A11y Style Guide
Accessibility (A11Y) Style Guide
Stars: ✭ 493 (+128.24%)
Mutual labels: styleguide, pattern-library
pattern-library
AXA CH UI component library. Please share, comment, create issues and work with us!
Stars: ✭ 103 (-52.31%)
Mutual labels: styleguide, storybook
decanter
A collection of front end web resources.
Stars: ✭ 31 (-85.65%)
Mutual labels: styleguide, pattern-library
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+31124.54%)
Mutual labels: styleguide, storybook
Story2sketch
Convert Storybook into Sketch symbols 💎
Stars: ✭ 391 (+81.02%)
Mutual labels: styleguide, storybook
Uiengine
Workbench for UI-driven development
Stars: ✭ 349 (+61.57%)
Mutual labels: styleguide, pattern-library
vf-core
A (primarily CSS) framework that targets needs of life science websites and services
Stars: ✭ 16 (-92.59%)
Mutual labels: styleguide, pattern-library
Axiom React
Axiom - Brandwatch design system and React pattern library
Stars: ✭ 41 (-81.02%)
Mutual labels: styleguide, pattern-library
nuxt-styleguide
Increase the quality and efficiency of product design and development workflows
Stars: ✭ 15 (-93.06%)
Mutual labels: styleguide, pattern-library
Quantum
The default pack of components and layout principles that dictates Catho Frontend applications.
Stars: ✭ 39 (-81.94%)
Mutual labels: styleguide, storybook
Vue Storybook
Custom <story> blocks for Vue single file components
Stars: ✭ 147 (-31.94%)
Mutual labels: styleguide, storybook
Storybook Addon Vue Info
Info addon for Vue components
Stars: ✭ 174 (-19.44%)
Mutual labels: storybook
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (-7.41%)
Mutual labels: storybook
Awesome Design Systems
💅🏻 ⚒ A collection of awesome design systems
Stars: ✭ 13,308 (+6061.11%)
Mutual labels: pattern-library
Ue4 Style Guide
An attempt to make Unreal Engine 4 projects more consistent
Stars: ✭ 2,656 (+1129.63%)
Mutual labels: styleguide
Addon Jsx
This Storybook addon show you the JSX / template of the story
Stars: ✭ 209 (-3.24%)
Mutual labels: storybook
backpack-ui
Every adventurer needs a set of tools to take along the way! Backpack is the Lonely Planet toolset that we use to build front end apps.
Project status
Backpack-ui is a legacy project, now in maintenance mode. In most cases, you should choose a different library.
Installation
npm install backpack-ui --save
Usage
import Button from "backpack-ui/dist/components/button";
Develop components with Storybook
npm run storybook
Open http://localhost:6006/ in your favorite web browser.
Then import your component(s) into stories/index.jsx and render them like so:
storiesOf("Some component name", module)
.add("Default", () => <ComponentName />)
.add("Some variation", () => <ComponentName prop="value" />);
Notes
- Don't do
import foo from "lodash";. Makes the bundles asplode.
Contributing
Please read the guidelines for contributing before making a pull request.
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].