A design system in a box. hip-ui.tngl.io/docs/introduction
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

TypeScript 81.5%
CSS 12.0%
MDX 5.5%
JavaScript 0.2%
Other 0.7%
159 3 7

Clone this repository

https://tangled.org/hipstersmoothie.com/hip-ui https://tangled.org/did:plc:m2sjv3wncvsasdapla35hzwj/hip-ui
git@tangled.org:hipstersmoothie.com/hip-ui git@tangled.org:did:plc:m2sjv3wncvsasdapla35hzwj/hip-ui

For self-hosted knots, clone URLs may differ based on your setup.

Download tar.gz
README.md

hip#

TODO#

Imprrovements#

  • perfect inset border radii
  • Number field validation state styling
  • Switch to logical properties
    • will need a type aware eslint rule for this
  • Switch all px to rem
  • cursor pointer not working in links (and nav links)

Components#

Maybe#

  • Chart

Custom#

  • Carousel
  • Input OTP
  • Stepper
  • Lightbox
  • Video
  • Skip Link
  • Page
    • Footer
    • NavBar
    • Hero

OTher Wrappers#

  • RichTextEditor (lexical)

react-aria wrappers#

  • Grid List
  • Virtual Grid
  • Waterfall Layout
  • Navigation Menu
  • Rating

Maybe#

  • Field
  • Item
  • Sheet

Done#

  • add borderless variant for input fields
  • Add Virtualizer
  • Alert / Callout
  • Empty
  • Skeleton
  • Field errors
  • Window Splitter
  • Toast
  • Drawer
  • Tabs
  • Menubar
  • Form
  • Toolbar
  • Disclosure Group
  • Disclosure
  • Spinner
  • Input Group
  • Breadcrumb
  • Range Date Picker
  • Date Picker
  • Calendar
  • Range Calendar
  • Color Picker
  • Color Swatch Picker
  • Color Wheel
  • Color Slider
  • Color Area
  • Sidebar
  • Kbd
  • Data Table
  • Table
  • Pagination
  • Segmented Control
  • Hover Card
  • Meter
  • Progress Bar
  • Tag Group
  • File Trigger
  • File Drop zone
  • Slider
  • Color Swatch
  • Switch
  • Grid
  • Badge
  • Avatar
  • Alert Dialog
  • Dialog
  • Command
  • Tree
  • Combobox
  • Number Field
  • Color Field
  • Search Field
  • Date Field
  • Timefield
  • Button
  • Button Group
  • Card
  • Checkbox
  • Context Menu
  • Dropdown Menu
  • Flez
  • Icon Button
  • Label
  • Link
  • Listbox
  • Popover
  • Radio Group
  • Select
  • Separator
  • Text Field
  • Textarea
  • Toggle
  • Toggle Group
  • Tooltip
  • Typography