Casual Match-3 UI
A juicy vector UI kit for casual match-3 games: glossy jelly buttons, frosted glass boards and panels, six jelly pieces with specials and blockers, a level map, moves and goals, a star bar that fills with glowing liquid, boosters, rewards, shop items and a full mobile kit. SVG + PNG 1x/2x/4x.
Basic
Free
61 of the 301 sprites, no watermark: 16 buttons in every state, 3 panels, 12 icons, 10 mobile buttons and more.
Download Basic ZIP, 2.1 MB. Free with your email, no password.Full pack
US$1.99
All 301 sprites, the SVG sources and the mockups.
ZIP, 16.3 MB. The preview is watermarked. Buy with the email you sign in with here and the clean files unlock right away.- Sprites
- 301 (8 animated)
- Style
- Vector UI (SVG + PNG)
- View
- Ui / hud
- Tile size
- 8 px
- Download
- ZIP, 16.3 MB (Basic 2.1 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 (36)
- button_primary_normal160×64Basic
- button_primary_hover160×64Basic
- button_primary_pressed160×64Basic
- button_primary_disabled160×64Basic
- button_secondary_normal160×64Basic
- button_secondary_hover160×64Basic
- button_secondary_pressed160×64Basic
- button_secondary_disabled160×64Basic
- button_confirm_normal160×64
- button_confirm_hover160×64
- button_confirm_pressed160×64
- button_confirm_disabled160×64
- button_danger_normal160×64
- button_danger_hover160×64
- button_danger_pressed160×64
- button_danger_disabled160×64
- button_cream_normal160×64
- button_cream_hover160×64
- button_cream_pressed160×64
- button_cream_disabled160×64
- button_icon_normal64×64Basic
- button_icon_hover64×64Basic
- button_icon_pressed64×64Basic
- button_icon_disabled64×64Basic
- button_round_normal64×64Basic
- button_round_hover64×64Basic
- button_round_pressed64×64Basic
- button_round_disabled64×64Basic
- button_big_normal240×88
- button_big_hover240×88
- button_big_pressed240×88
- button_big_disabled240×88
- button_close48×48
- button_close_pressed48×48
- button_add40×40
- button_add_pressed40×40
Pieces (13)
- piece_grape64×64
- piece_berry64×64
- piece_tangerine64×64
- piece_lemon64×64
- piece_lime64×64
- piece_aqua64×64
- piece_color_orb64×64
- special_line_h64×64
- special_line_v64×64
- special_burst64×64
- piece_selected64×64
- hint_pulse64×64, 8 fr
- piece_pop64×64, 8 fr
Boosters (10)
- booster_hammer72×72
- booster_shuffle72×72
- booster_bomb72×72
- booster_swap72×72
- booster_moves72×72
- booster_color_orb72×72
- booster_count32×32
- booster_add32×32
- booster_locked72×72
- booster_active72×72
Icons (53)
- gem32×32Basic
- play32×32Basic
- pause32×32Basic
- settings32×32Basic
- home32×32Basic
- back32×32Basic
- close32×32Basic
- check32×32Basic
- plus32×32Basic
- heart32×32Basic
- star32×32Basic
- coin32×32Basic
- key32×32
- lock32×32
- unlock32×32
- cross32×32
- minus32×32
- info32×32
- shop32×32
- cart32×32
- map32×32
- quest32×32
- trophy32×32
- sound_on32×32
- sound_off32×32
- music_on32×32
- music_off32×32
- share32×32
- trash32×32
- gift32×32
- bag32×32
- restart32×32
- heart_empty32×32
- star_empty32×32
- heart_infinite32×32
- lightning32×32
- clock32×32
- calendar32×32
- hint32×32
- hammer32×32
- shuffle32×32
- bomb32×32
- swap32×32
- moves32×32
- target32×32
- crown32×32
- leaderboard32×32
- friends32×32
- mail32×32
- video32×32
- piggy_bank32×32
- chest32×32
- ticket32×32
Board (13)
- blocker_ice_164×64
- board_frame192×192
- cell_light64×64
- cell_dark64×64
- cell_highlight64×64
- blocker_ice_264×64
- blocker_crate_264×64
- blocker_crate_164×64
- blocker_chain64×64
- blocker_bubble64×64
- blocker_stone64×64
- swap_hint_h64×64
- swap_hint_v64×64
Map (15)
- map_node_done_380×80
- map_node_locked80×80
- map_node_open80×80
- map_node_current80×80
- map_node_done_080×80
- map_node_done_180×80
- map_node_done_280×80
- map_node_hard80×80
- map_node_bonus80×80
- map_path_dot16×16
- map_path_dot_done16×16
- map_avatar_pin64×80
- map_flag64×64
- map_episode_sign192×64
- map_cloud128×64
Goals (8)
- combo_badge64×64
- moves_badge96×96
- moves_badge_low96×96
- goal_slot64×88
- goal_slot_done64×88
- goal_check24×24
- praise_burst192×96
- level_badge96×96
Mobile (46)
- button_booster72×72
- 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_booster_pressed72×72
- button_hint72×72
- button_hint_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
Panels (13)
- panel_titled160×160Basic
- panel_cream128×128Basic
- panel_glass128×128Basic
- panel_inset96×96
- panel_dialog192×144
- panel_tooltip96×48
- title_banner256×64
- divider160×16
- divider_dots160×16
- divider_drip192×32
- ornament_star24×24
- ornament_sparkle24×24
- ornament_bubbles32×32
Items (20)
- coin_pile_large48×48
- coin_pile_small48×48
- coin_pile_medium48×48
- coin_bag48×48
- gem_pile_small48×48
- gem_pile_medium48×48
- gem_chest48×48
- lives_refill48×48
- extra_moves48×48
- booster_bundle48×48
- energy_soda48×48
- sorbet_cup48×48
- golden_key48×48
- golden_ticket48×48
- magic_wand48×48
- piggy_full48×48
- fruit_lemon_slice48×48
- fruit_orange_slice48×48
- fruit_kiwi_slice48×48
- fruit_watermelon_slice48×48
Rewards (12)
- stars_3192×96
- stars_0192×96
- stars_1192×96
- stars_2192×96
- star_big_on80×80
- star_big_off80×80
- reward_chest_closed96×96
- reward_chest_open96×96
- daily_day80×96
- daily_day_today80×96
- daily_day_claimed80×96
- reward_rays192×192
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
Counters (7)
- counter_coins160×48
- counter_gems160×48
- counter_lives160×48
- counter_score160×48
- counter_timer160×48
- counter_moves160×48
- counter_plate160×48
Bars (11)
- bar_level_frame240×48
- bar_frame208×32Basic
- bar_fill_health208×32Basic
- bar_fill_energy208×32
- bar_fill_stamina208×32
- bar_fill_xp208×32
- bar_level_fill240×48
- star_bar_frame304×48
- star_bar_fill304×48
- star_marker_off32×32
- star_marker_on32×32
Controls (13)
- toggle_on88×48Basic
- toggle_off88×48Basic
- checkbox_off40×40Basic
- checkbox_on40×40Basic
- radio_off40×40
- radio_on40×40
- slider_track160×32Basic
- slider_fill160×32Basic
- slider_knob40×40Basic
- dropdown208×56
- dropdown_item_selected208×40
- scrollbar_track24×160
- scrollbar_thumb24×64
Tabs (2)
- tab_active128×48Basic
- tab_inactive128×48Basic
Fx (6)
- coin_spin40×40, 8 fr
- heart_pulse32×32, 6 fr
- sparkle_twinkle32×32, 8 fr
- star_pop48×48, 10 fr
- confetti_burst48×48, 8 fr
- loading_jelly40×40, 12 fr
Textures (4)
- texture_stripes64×64
- texture_polka64×64
- texture_bubbles64×64
- texture_checker64×64
Arrows (11)
- 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
Drawn by code (procedural generation) and checked by our own tools.
Animations
hint_pulse8 frames, 8 fps
piece_pop8 frames, 15 fps
coin_spin8 frames, 12 fps
heart_pulse6 frames, 10 fps
sparkle_twinkle8 frames, 8 fps
star_pop10 frames, 15 fps
confetti_burst8 frames, 12 fps
loading_jelly12 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