Cocotas Lab
Arcane Mysticism UI
A vector UI and HUD kit for arcane fantasy games: night-glass panels in ornate gold frames (plus hollow frames for real translucency), buttons in 4 states, glass orb health and mana meters, spell slots with a cooldown sweep, a constellation skill tree, spell cards, an astrolabe minimap, icons, potions and a full mobile kit. SVG + PNG 1x/2x/4x.
Basic
Free
56 of the 262 sprites, no watermark: 16 buttons in every state, 3 panels, 10 icons, 10 mobile buttons and more.
Download Basic ZIP, 2.3 MB. Free with your email, no password.Full pack
US$1.99
All 262 sprites, the SVG sources and the mockups.
ZIP, 14.6 MB. The preview is watermarked. Buy with the email you sign in with here and the clean files unlock right away.- Sprites
- 262 (8 animated)
- Style
- Vector UI (SVG + PNG)
- View
- Ui / hud
- Tile size
- 8 px
- Download
- ZIP, 14.6 MB (Basic 2.3 MB)
- Price
- US$1.99, Basic free
- Version
- 1.1 (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 (24)
- 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_scroll_normal160×56
- button_scroll_hover160×56
- button_scroll_pressed160×56
- button_scroll_disabled160×56
- button_ruby_normal160×56
- button_ruby_hover160×56
- button_ruby_pressed160×56
- button_ruby_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
Icons (59)
- heart32×32Basic
- heart_empty32×32Basic
- coin32×32Basic
- gem32×32Basic
- key32×32Basic
- star32×32Basic
- star_empty32×32Basic
- settings32×32Basic
- pause32×32Basic
- play32×32Basic
- home32×32
- 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
- skull32×32
- battle32×32
- ward32×32
- heal32×32
- poison32×32
- mana32×32
- essence32×32
- spellbook32×32
- wand32×32
- crystal32×32
- potion32×32
- scroll32×32
- cauldron32×32
- crystal_ball32×32
- moon32×32
- sun32×32
- magic32×32
- teleport32×32
- candle32×32
- telescope32×32
- owl32×32
- quill32×32
Spells (14)
- spell_fireball40×40
- spell_frost_shard40×40
- spell_lightning40×40
- spell_bloom40×40
- spell_missile40×40
- spell_starfall40×40
- spell_shield40×40
- spell_blink40×40
- spell_slot64×64
- spell_slot_hover64×64
- spell_slot_ready64×64
- spell_slot_locked64×64
- cooldown_sweep64×64, 12 fr
- keybind_badge24×24
Cards (4)
- card_front_legendary160×224
- card_front160×224
- card_back160×224
- card_highlight176×240
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_cast72×72
- button_cast_pressed72×72
- button_ward72×72
- button_ward_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
Potions (6)
- potion_health40×40
- potion_mana40×40
- potion_stamina40×40
- potion_elixir40×40
- potion_invisibility40×40
- potion_essence40×40
Panels (14)
- panel_glass128×128Basic
- panel_glass_frame128×128Basic
- panel_dusk128×128Basic
- panel_parchment128×128
- panel_titled160×160
- panel_inset96×96
- panel_dialog192×112
- panel_tooltip96×48
- title_banner256×64
- divider160×16
- divider_stars160×16
- ornament_corner32×32
- ornament_crest32×32
- ornament_crystals64×32
Skilltree (8)
- skill_node_major_learned72×72
- skill_node_major_available72×72
- skill_node_major_locked72×72
- skill_node_learned56×56
- skill_node_available56×56
- skill_node_locked56×56
- skill_link_off64×16
- skill_link_on64×16
Slots (8)
- slot_legendary64×64
- slot_epic64×64
- slot_rare64×64
- slot_uncommon64×64
- slot_empty64×64
- slot_hover64×64
- slot_selected64×64
- slot_locked64×64
Artifacts (6)
- wand_starlight40×40
- staff_amethyst40×40
- tome_open40×40
- amulet40×40
- ring_sapphire40×40
- mirror_scrying40×40
Reagents (8)
- star_dust40×40
- moonstone40×40
- crystal_shard40×40
- mandrake_root40×40
- phoenix_feather40×40
- glow_cap40×40
- ember_salt40×40
- moonpetal40×40
Counters (7)
- counter_coins160×48
- counter_gems160×48
- counter_lives160×48
- counter_score160×48
- counter_timer160×48
- counter_essence160×48
- counter_plate160×48
Minimap (5)
- minimap_frame160×160
- minimap_player32×32
- map_pin_quest24×32
- map_pin_danger24×32
- map_pin_portal24×32
Orbs (5)
- orb_frame96×112
- orb_cover96×112
- orb_fill_health72×72
- orb_fill_mana72×72
- orb_fill_essence72×72
Fx (7)
- coin_spin40×40, 8 fr
- heart_pulse32×32, 6 fr
- twinkle32×32, 6 fr
- magic_circle48×48, 8 fr
- portal_swirl48×48, 8 fr
- level_up48×48, 8 fr
- cast_spark32×32, 6 fr
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_cast_frame208×32
- bar_cast_fill208×32
Textures (4)
- texture_starfield64×64
- texture_velvet64×64
- texture_lattice64×64
- texture_star_chart64×64
Tabs (2)
- tab_active128×48Basic
- tab_inactive128×48Basic
Controls (13)
- 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
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_wand32×32
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 
twinkle6 frames, 10 fps 
magic_circle8 frames, 10 fps 
portal_swirl8 frames, 12 fps 
level_up8 frames, 14 fps 
cast_spark6 frames, 12 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