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.
On this page
Languages
JavaScript73.1%CSS26.6%Shell0.3%
Contributors
Created April 19, 2019
Updated November 6, 2023