WS
wsmd/ui-sketchbook
🎨 Experiments with various UI components and interactions
ui-sketchbook
This repo contains personal experiments and proof-of-concepts for various UI components and interactions.
All experiments can be previewed by clicking the link below:
Components
The Source code for all components is available under src/components.
| Name | Preview | Code | Description |
|---|---|---|---|
CounterButton |
Preview | Code | A custom button component with an animated counter. |
IconInput |
Preview | Code | A icon that transitions into a text input on focus with various interactive states such as loading, success, and error. |
DragSelect |
Preview | Code | A drag & select interaction. |
TabSwitcher |
Preview | Code | A tabs UI with an active tab indicator that re-positions and resizes itself based on the selected tab. |
Notes
- The code in this repo is only a proof-of-concept around certain ideas and purely experimental. It is not optimized or ready for production use.
- All components were developed with Google Chrome and not guaranteed to be fully functional in other browsers. For best results, Preview the components in Google Chrome.