Skip to content

go-cristian/uber-base

Repository files navigation

Uber's Design System (Base) copycat

What is this?

Is an technical exercise to replicate Uber's system design called Base.

All the information about components is here

Also check the demo apk (not signed) here

#Pending work

  • Use small. medium, large for buttons
  • Tags
  • Badge
  • Button group
  • Button docked
  • Control/Switch
  • Control/Check
  • Control/Radio
  • Control/Pagination
  • Control/Grabber
  • Control/Sheet Grabber
  • Control/Stepper
  • Control/Slider
  • Map
  • Map/Markers
  • Map/Elements & Overlays
  • Map/Floating markers
  • Tabs
  • Bottom navigation
  • Progress (all components)
  • List Heading
  • List Item Core
  • List Item Control
  • Header
  • Tooltip
  • Sheet Header
  • Snackbars
  • Banner/Accent
  • Banner/Positive
  • Banner/Warning
  • Banner/Negative
  • System Banner/Accent
  • System Banner/Positive
  • System Banner/Warning
  • System Banner/Negative
  • Input/Small/Simple
  • Input/Small/Payment Card
  • Input/Small/Search
  • Input/Small/Leading Selector
  • Input/Small/Trailing Selector
  • Input/Small/Pin
  • Input/Small/Multiple line
  • Input/Small/Country
  • Input/Small/Enhancer label leading
  • Input/Small/Enhancer label trailing
  • Input/Small/Enhancer label leading + trailing
  • Input/Small/Enhancer icon leading
  • Input/Small/Enhancer icon trailing
  • Input/Small/Enhancer icon leading + trailing
  • Input/Small/Tag
  • Components for Input in medium/large/emphasis
  • Input/File Drop
  • Select/ Small - Medium - Large
  • Datepicker
  • Pagination/ Small - Medium - Large
  • Card
  • Modal

Current components

Colors

Primitives

Foundation

Core

Background

Content

Border

Core Extensions

Background

Content

Border

Typography

Display

Heading

Label

Paragraph

Buttons

Regular

Square

Circle

Progress Bars

Sheet Header

Bottom Sheet

OldKase

Oldkase is a copycat library from airbnb's showcase who helps to create a navigation for your components. This projects uses this library to expose the UI system as an android App

License

Copyright 2021 Cristian Gomez

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

Uber's design system copycat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages