Cocotas Lab
Minimal Translucent UI
A vector glassmorphism UI and HUD kit: frosted, smoked and tinted glass panels and buttons in 4 states, thin white line icons, ring gauges, a radial selection wheel, toasts, a glass minimap, cards, items, colour backdrops and a full mobile kit. SVG + PNG 1x/2x/4x.
Basic
Free
60 of the 300 sprites, no watermark: 16 buttons in every state, 3 panels, 11 icons, 10 mobile buttons and more.
Download Basic ZIP, 2.8 MB. Free with your email, no password.Full pack
US$1.99
All 300 sprites, the SVG sources and the mockups.
ZIP, 22.3 MB. The preview is watermarked. Buy with the email you sign in with here and the clean files unlock right away.- Sprites
- 300 (8 animated)
- Style
- Vector UI (SVG + PNG)
- View
- Ui / hud
- Tile size
- 8 px
- Download
- ZIP, 22.3 MB (Basic 2.8 MB)
- Price
- US$1.99, Basic free
- Version
- 1.0 (Oct 30, 2026)
- License
- Cocotas Lab Asset License
What's inside
Every sprite as its own PNG, one sprite sheet per category with a JSON map, animation strips, a preview and a README. Sprites marked Basic are also in the free Basic.
Buttons (28)
- button_primary_normal160×56Basic
- button_primary_hover160×56Basic
- button_primary_pressed160×56Basic
- button_primary_disabled160×56Basic
- button_secondary_normal160×56Basic
- button_secondary_hover160×56Basic
- button_secondary_pressed160×56Basic
- button_secondary_disabled160×56Basic
- button_smoke_normal160×56
- button_smoke_hover160×56
- button_smoke_pressed160×56
- button_smoke_disabled160×56
- button_ghost_normal160×56
- button_ghost_hover160×56
- button_ghost_pressed160×56
- button_ghost_disabled160×56
- button_danger_normal160×56
- button_danger_hover160×56
- button_danger_pressed160×56
- button_danger_disabled160×56
- button_icon_normal56×56Basic
- button_icon_hover56×56Basic
- button_icon_pressed56×56Basic
- button_icon_disabled56×56Basic
- button_round_normal64×64Basic
- button_round_hover64×64Basic
- button_round_pressed64×64Basic
- button_round_disabled64×64Basic
Backdrops (3)
- bg_aurora384×216
- bg_dusk384×216
- bg_lagoon384×216
Items (17)
- potion_health40×40
- potion_mana40×40
- potion_stamina40×40
- potion_elixir40×40
- energy_cell40×40
- key_card40×40
- data_chip40×40
- orb_power40×40
- orb_shield40×40
- crystal_shard40×40
- prism40×40
- gem_round40×40
- gem_heart40×40
- coin_stack40×40
- gift_box40×40
- ticket40×40
- shield_charm40×40
Counters (7)
- counter_coins160×48
- counter_gems160×48
- counter_lives160×48
- counter_score160×48
- counter_timer160×48
- counter_energy160×48
- counter_plate160×48
Abilities (14)
- ability_dash40×40
- ability_barrier40×40
- ability_heal40×40
- ability_blink40×40
- ability_overcharge40×40
- ability_scan40×40
- ability_slow_time40×40
- ability_multishot40×40
- ability_slot64×64
- ability_slot_hover64×64
- ability_slot_ready64×64
- ability_slot_locked64×64
- cooldown_sweep64×64, 12 fr
- keybind_badge24×24
Notify (11)
- toast_info320×72
- toast_success320×72
- toast_warning320×72
- toast_danger320×72
- chip_frost96×32
- chip_smoke96×32
- chip_accent96×32
- dot_online16×16
- dot_away16×16
- dot_busy16×16
- dot_offline16×16
Gauges (13)
- ring_fill_health96×96
- ring_fill_mana96×96
- ring_fill_stamina96×96
- ring_fill_xp96×96
- ring_frame96×96
- ring_frame_segmented96×96
- ring_fill_segmented96×96
- ring_frame_small48×48
- ring_fill_small_health48×48
- ring_fill_small_stamina48×48
- pip_full16×24
- pip_charging16×24
- pip_empty16×24
Slots (8)
- slot_legendary64×64
- slot_epic64×64
- slot_rare64×64
- slot_uncommon64×64
- slot_empty64×64Basic
- slot_hover64×64Basic
- slot_selected64×64Basic
- slot_locked64×64
Cards (4)
- card_front_legendary160×224
- card_front160×224
- card_back160×224
- card_highlight176×240
Tabs (2)
- tab_active128×48Basic
- tab_inactive128×48Basic
Fx (7)
- coin_spin40×40, 8 fr
- heart_pulse32×32, 6 fr
- shimmer160×56, 8 fr
- ripple64×64, 8 fr
- level_up64×64, 8 fr
- charge_spark32×32, 6 fr
- sparkle32×32, 6 fr
Minimap (5)
- minimap_frame160×160
- minimap_player32×32
- map_pin_quest24×32
- map_pin_danger24×32
- map_pin_waypoint24×32
Mobile (46)
- joystick_base128×128
- joystick_knob64×64
- joystick_knob_pressed64×64
- dpad_4128×128
- dpad_4_up128×128
- dpad_4_right128×128
- dpad_4_down128×128
- dpad_4_left128×128
- dpad_8128×128
- dpad_8_up128×128
- dpad_8_up_right128×128
- dpad_8_right128×128
- dpad_8_down_right128×128
- dpad_8_down128×128
- dpad_8_down_left128×128
- dpad_8_left128×128
- dpad_8_up_left128×128
- button_a72×72Basic
- button_a_pressed72×72Basic
- button_b72×72Basic
- button_b_pressed72×72Basic
- button_x72×72Basic
- button_x_pressed72×72Basic
- button_y72×72Basic
- button_y_pressed72×72Basic
- button_jump72×72
- button_jump_pressed72×72
- button_attack72×72
- button_attack_pressed72×72
- button_interact72×72
- button_interact_pressed72×72
- button_dash72×72
- button_dash_pressed72×72
- button_special72×72
- button_special_pressed72×72
- button_swap72×72
- button_swap_pressed72×72
- button_pause64×64Basic
- button_pause_pressed64×64Basic
- swipe_up64×64
- swipe_right64×64
- swipe_down64×64
- swipe_left64×64
- tabbar_bg96×80
- tabbar_item_active80×64
- tabbar_badge24×24
Controls (17)
- toggle_off80×40Basic
- toggle_on80×40Basic
- checkbox_off40×40Basic
- checkbox_on40×40Basic
- radio_off40×40
- radio_on40×40
- slider_track160×24Basic
- slider_fill160×24Basic
- slider_knob40×40Basic
- dropdown200×48
- dropdown_item_selected200×40
- scrollbar_track24×160
- scrollbar_thumb24×64
- segmented_track240×48
- segmented_thumb80×48
- text_field240×48
- text_field_focus240×48
Bars (9)
- bar_frame208×32Basic
- bar_fill_health208×32Basic
- bar_fill_mana208×32
- bar_fill_stamina208×32
- bar_fill_xp208×32
- bar_level_frame240×40
- bar_level_fill240×40
- bar_charge_frame208×24
- bar_charge_fill208×24
Panels (14)
- panel_frost128×128Basic
- panel_smoke128×128Basic
- panel_tint128×128Basic
- panel_outline128×128
- panel_titled160×160
- panel_inset96×96
- panel_dialog192×112
- panel_tooltip96×48
- title_banner256×64
- divider160×16
- divider_dots160×16
- ornament_corner32×32
- ornament_sparkle32×32
- ornament_glow64×64
Icons (68)
- heart32×32Basic
- heart_filled32×32Basic
- coin32×32Basic
- gem32×32Basic
- key32×32Basic
- star32×32Basic
- star_filled32×32Basic
- settings32×32Basic
- pause32×32Basic
- play32×32Basic
- home32×32Basic
- back32×32
- close32×32
- check32×32
- cross32×32
- plus32×32
- minus32×32
- info32×32
- lock32×32
- unlock32×32
- shop32×32
- map32×32
- quest32×32
- trophy32×32
- sound_on32×32
- sound_off32×32
- music_on32×32
- music_off32×32
- share32×32
- trash32×32
- cart32×32
- gift32×32
- bag32×32
- restart32×32
- flag32×32
- clock32×32
- mail32×32
- user32×32
- friends32×32
- chat32×32
- bell32×32
- search32×32
- eye32×32
- eye_off32×32
- bolt32×32
- shield32×32
- sword32×32
- target32×32
- location32×32
- compass32×32
- camera32×32
- cloud32×32
- wifi32×32
- battery32×32
- sun32×32
- moon32×32
- menu32×32
- grid32×32
- sliders32×32
- fullscreen32×32
- leaderboard32×32
- calendar32×32
- gamepad32×32
- globe32×32
- potion32×32
- crown32×32
- download32×32
- edit32×32
Wheel (10)
- wheel_base192×192
- wheel_hub80×80
- wheel_sector_n192×192
- wheel_sector_ne192×192
- wheel_sector_e192×192
- wheel_sector_se192×192
- wheel_sector_s192×192
- wheel_sector_sw192×192
- wheel_sector_w192×192
- wheel_sector_nw192×192
Arrows (13)
- arrow_up32×32Basic
- arrow_right32×32Basic
- arrow_down32×32Basic
- arrow_left32×32Basic
- chevron_up32×32
- chevron_right32×32
- chevron_down32×32
- chevron_left32×32
- cursor_arrow32×32Basic
- cursor_hand32×32Basic
- cursor_hand_click32×32
- cursor_target32×32
- cursor_text32×32
Textures (4)
- texture_frost_grain64×64
- texture_dot_grid64×64
- texture_line_grid64×64
- texture_diagonal_lines64×64
Drawn by code (procedural generation) and checked by our own tools.
Animations
cooldown_sweep12 frames, 12 fps 
coin_spin8 frames, 12 fps 
heart_pulse6 frames, 10 fps 
shimmer8 frames, 16 fps 
ripple8 frames, 20 fps 
level_up8 frames, 14 fps 
charge_spark6 frames, 12 fps 
sparkle6 frames, 10 fps
License in short
You can
- Use it in personal and commercial games and apps
- Edit, recolor and combine the sprites
- Skip the credit (it's appreciated, not required)
You can't
- Resell or share the assets themselves, alone or in another pack
- Use them to train AI models