UI Pack - Pixel Adventure

<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>UI Pack - Pixel Adventure · Kenney</title> <meta name='description' content=''> <meta name='keywords' content='Games, Software, Game assets, Assets, Gamedev'> <meta name='author' content='Kenney'> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/bootstrap-grid.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/fonts.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney-sidebar.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/animate.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/code-github-dark-dimmed.css' />  <meta property='og:url' content='https://www.kenney.nl/assets/ui-pack-pixel-adventure' /> <meta property='og:type' content='article' /> <meta property='og:title' content='UI Pack - Pixel Adventure · Kenney' />  <meta name='twitter:card' content='summary_large_image'> <meta property='twitter:domain' content='kenney.nl'> <meta property='twitter:url' content='https://www.kenney.nl/assets/ui-pack-pixel-adventure'> <meta name='twitter:title' content='UI Pack - Pixel Adventure · Kenney'> <meta property='og:image' content='https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/db896543b7-1725434429/sample.png' /><meta property='og:description' content='Download this package (500 assets) for free, CC0 licensed!' /> </head> <body class='wrapper'> <a href='https://kenney.nl/donate' class='warning no-select'><img src='https://www.kenney.nl/data/img/sparkles.svg' height='20px' style='vertical-align: bottom; margin-right:0.25em' /> Our game assets are free because of <u>donations</u> from the community, consider one if you can!</a> <div id='header-container'> <div id='header'> <div class='logo-full mobile-show'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </div> <div class="navigation"> <ul> <li class='icon mobile-show'><a href='#' onclick="openNavigation()"><span><img width='20' height='20' style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/menu.svg'/></span></a></li> <li class='logo mobile-hide'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </li> <div class='mobile-hide'> <li class='item '><a href='https://www.kenney.nl/games'><span>Games</span></a></li> <li class='item '><a href='https://www.kenney.nl/tools'><span>Tools</span></a></li> <li class='item active'><a href='https://www.kenney.nl/assets'><span>Assets</span></a></li> <li class='item '><a href='https://www.kenney.nl/starter-kits'><span>Starter Kits</span></a></li> </div> </ul> </div> <div class="navigation right"> <ul class='mobile-hide'> <li class='icon'><a target='_blank' href='https://twitter.com/KenneyNL'><span><img style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/twitter.svg'/></span></a></li> <li class='item '><a href='https://www.kenney.nl/donate'><span>Donate</span></a></li> </ul> </div> <div id="sidebar" class='sidebar' class='no-select'> <a href="javascript:void(0)" class="close" onclick="closeNavigation()">×</a> <div class="sidebar-menu"> <a href="https://www.kenney.nl/games">Games</a> <a href="https://www.kenney.nl/tools">Tools</a> <a href="https://www.kenney.nl/assets">Assets</a> <a href="https://www.kenney.nl/starter-kits">Starter Kits</a> </div> <hr> <div class="sidebar-menu small"> <a href="https://www.kenney.nl/support">Support</a> <a href="https://www.kenney.nl/knowledge-base">Knowledge Base</a> <a href="https://www.kenney.nl/donate">Donate</a> <a href="https://twitter.com/KenneyNL" target="_blank">Twitter</a> </div> </div> <div id="sidebar-notifications" class='sidebar lato no-select'> <a href="javascript:void(0)" class="close" onclick="closeNotifications()">×</a> <h3>News</h3> </div> <div style='clear:both'></div> </div> </div> <div id='content'> <section> <div class='container large'> <div class='row'> <div class='col-md-6 text-left'> <h1 class='mobile-text-center mobile-contain' style='margin-top:0'>UI Pack - Pixel Adventure</h1> <p> <table> <tbody> <tr> <td class='title'>Category</td> <td class='bold'><a href='https://www.kenney.nl/assets/category:2D'>2D</a></td> </tr> <tr> <td class='title'>Series</td> <td class='bold'> <a href='https://www.kenney.nl/assets/series:UI Pack'>UI Pack</a> </td> </tr> <tr> <td class='title'>Assets</td> <td>500脳</td> </tr> <tr> <td class='title'>Tags</td> <td><a href='https://www.kenney.nl/assets/tag:button' class='tag'>button</a><a href='https://www.kenney.nl/assets/tag:panel' class='tag'>panel</a><a href='https://www.kenney.nl/assets/tag:slider' class='tag'>slider</a><a href='https://www.kenney.nl/assets/tag:interface' class='tag'>interface</a><a href='https://www.kenney.nl/assets/tag:pixel' class='tag'>pixel</a></td> </tr> <tr> <td class='title'>License</td> <td class='bold'><a href='https://creativecommons.org/publicdomain/zero/1.0/' target='_blank'>Creative Commons CC0</a></td> </tr> </tbody> </table> </p> <p class=''> <table> <tbody> <tr> <td class='title' style='font-size:0.9em'>04/09/2024</td> <td><span class='type grey no-select'>1.0</span></td> </tr> </tbody> </table> </p> <a href='https://store.steampowered.com/app/2212670/MakeRoom/' target='_blank' class='promotion no-select' style='background-image:url("https://www.kenney.nl/media/pages/home/cbbf2c1cbd-1733152957/promo-makeroom.png")'>Wishlist MakeRoom on Steam!</a> <style> .promotion{ background-color: #ffffff; background-size: cover; background-position: center right; height: 6em; border-radius: 0.5em; margin-top: 2em; text-align: left; color: white; max-width: 30em; padding-left: 2em; line-height: 6em; cursor: pointer; display:block; text-decoration:none; } .promotion:hover{ color:white; outline: 2px solid #262633; } </style> <p class='mobile-text-center margin-top medium no-select' style='margin-bottom:0'><a href='#inline-download' class='button' data-lity>Download</a> <span style='margin:0em 0.5em;'>or</span> <a href='https://kenney.itch.io/kenney-game-assets' target='_blank' class='button dark'>Get All-in-1 bundle</a></p> </div> <div class='col-md-6 text-right mobile-margin-top-large'> <a class='screenshot large' href='https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/a818bdb5d2-1725434335/preview.png' data-lity><img class='fluid rounded' src='https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/a818bdb5d2-1725434335/preview.png' /></a> <div class='row'>  <div class='col-md-6'><a class='screenshot small' href='https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/db896543b7-1725434429/sample.png' data-lity><img class='fluid rounded' src="https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/db896543b7-1725434429/sample.png" alt=""></a></div> </div> </div> </div> </div> </section> <div id='inline-download' class='lity-pop lity-hide text-center'> <div class='container'> <div class='row'> <div class='col'> <h1>Consider a donation</h1> <p>The game assets that you are about to download are made available for free thanks to the contributions of the community. You can help them stay completely free by making a donation!</p> <p id='donate-link' class='mobile-text-center'><a href='https://www.kenney.nl/donate' onclick='initiateDonate()' target='_blank' class='button'>Donate</a></p> <p class='margin-top'><a id='donate-text' href='https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/6fe9992305-1729196257/kenney_ui-pack-pixel-adventure.zip' onclick='initiateDownload()' data-lity-close>Continue without donating...</a></p> </div> </div> </div> </div> <div id='inline-thanks' class='lity-pop lity-hide text-center'> <div class='container'> <div class='row'> <div class='col'> <h1>Thanks for downloading</h1> <p>Be the first to know about new Kenney releases by following on social media</p> <div class='row'> <div class='col'><a target='_blank' href='https://twitter.com/KenneyNL'>Twitter</a></div> <div class='col'><a target='_blank' href='https://mastodon.gamedev.place/@kenney'>Mastodon</a></div> <div class='col'><a target='_blank' href='https://www.instagram.com/kenney_nl/'>Instagram</a></div> <div class='col'><a target='_blank' href='https://sendfox.com/kenney'>Newsletter</a></div> </div> </div> </div> </div> </div> <style> .type{ font-size: 75%; text-transform: uppercase; font-weight: bold; background-color: #9b6bdf; padding: 0em 0.4em; color: white; border-radius: 4px; display: inline-block; line-height: 20px; width: 25px; text-align: center; margin-right: 8px; } .type.grey{ background-color: #bcc2c5; } .description{ margin-left:0.5em; font-size:0.9em; } .lity-pop{ color:white; } .lity-pop a{ color:#EE0451; border-color:#EE0451; } table tbody a:hover, .lity-pop a:hover{ color:#EE0451; border-color:#EE0451; } .lity-pop a:hover{ color:white; border-color:white; } .lity-content img{ border-radius:0.5em; } .lity-content:after{ box-shadow:none !important; } .tag{ text-decoration:none; font-size:75%; margin-right:0.4em; margin-bottom:0.4em; border:2px solid #c8d2d7; color:#757d81; padding: 0.8em 0.6em; border-radius: 0.2em; line-height:0.1; float:left; } .tag:hover{ color:white; background-color:#262633; border-color:#262633; cursor:pointer; } .screenshot{ opacity:1 !important; } .screenshot img{ margin-bottom:1em; } .screenshot.large img{ box-shadow: 0px 3px 6px #26263363; } .screenshot.small img{ box-shadow: 0px 2px 2px #26263363; } .screenshot:hover img{ outline: 2px solid #262633; } table { font-size: 1em; width: 100%; } table > *:first-child:not(thead) td:first-child { width: 30%; sans-serif; } </style> <script> function initiateDonate(){ document.getElementById("donate-text").innerHTML = "Continue downloading..."; } function initiateDownload(){ setTimeout(function(){ lity('#inline-thanks'); }, 500); } function delay(time){ return new Promise(resolve => setTimeout(resolve, time)); } </script> </div> <footer> <div class='row mobile-stack'> <div class='col horizontal-list'> <span>Copyright © 2010 - 2024 · All rights reserved</span> </div> <div class='col text-right mobile-text-center mobile-margin-top horizontal-list'> <a href='https://www.kenney.nl/support'>Support</a> <a href='https://www.kenney.nl/knowledge-base'>Knowledge Base</a> <a href='https://www.kenney.nl/privacy-policy'>Privacy Policy</a> <a href='https://www.kenney.nl/terms-of-service'>Terms of Service</a> </div> </div> </footer> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/lity.min.css' /> <script type='text/javascript' src='https://www.kenney.nl/data/js/mobile-menu.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/jquery.slim.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/lity.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/kenney.js'></script> <a style='display:none' rel="me" href="https://mastodon.gamedev.place/@kenney">Mastodon</a> </body> </html>

CINXE.COM

UI Pack - Pixel Adventure · Kenney