Skip to content
</p>
<style type="text/css"><![CDATA[
<!--/*--><![CDATA[/* ><!--*/
body {
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 1.6;
}
h1 {
text-align: center;
margin-top: 20px;
}
.container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
align-items: flex-start;
}
.form-container, .results-container {
flex: 1 1 48%;
padding: 20px;
box-sizing: border-box;
}
form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 0;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 20px;
}
label {
text-align: right;
padding-right: 10px;
align-self: center;
}
input {
width: 100%;
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
grid-column: span 2;
padding: 10px;
background-color: #ff3366;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 4px;
}
button:hover {
background-color: #ff6680;
}
.results h2 {
text-align: center;
}
#diagram img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
.container {
flex-direction: column;
}
.form-container, .results-container {
flex: 1 1 100%;
}
form {
grid-template-columns: 1fr;
}
label {
text-align: left;
padding-right: 0;
}
button {
grid-column: span 1;
}
}
@media (min-width: 769px) {
.container {
flex-wrap: nowrap;
}
}
.form-container, .results-container {
flex: 1 1 100%;
}
form {
grid-template-columns: 1fr;
}
label {
text-align: left;
padding-right: 0;
}
button {
grid-column: span 1;
}
}
/*--><!]]]]><![CDATA[>*/
]]></style>
<p> </p>
<p> </p>
<hr style="border: none; border-top: 1px solid #ddd; margin: 20px 0;"/>
<div class="container">
<hr style="border: none; border-top: 1px solid #ddd; margin: 20px 0;"/>
<div class="results-container">
<p> </p>
<div id="result">
<p><strong>Overall Dimensions:</strong> ${overallHeight.toFixed(3)} H x ${overallWidth.toFixed(3)} W x ${overallDepth.toFixed(3)} D inches<br /><strong>Clearance Above Top Runner:</strong> ${clearanceAboveTopRunner.toFixed(3)} inches<br /><strong>Spacing Between Legs:</strong> ${(toteWidth + 3).toFixed(3)} inches</p>
<div>
<p style="margin: 5px 0;"><strong>Cut List</strong></p>
<p style="margin: 5px 0;"><strong>${numLegs}</strong> – 2×4 @ ${legLength.toFixed(3)} inches – Legs</p>
<p style="margin: 5px 0;"><strong>${numRunners}</strong> – 2×4 @ ${runnerLength.toFixed(3)} inches – Runners</p>
<p style="margin: 5px 0;"><strong>${numTopBottoms}</strong> – 2×4 @ ${topBottomLength.toFixed(3)} inches – Top and Bottoms</p>
<p>${rows > 1 ? `</p>
<p style="margin: 5px 0;"><strong>2</strong> – 2×4 @ ${spacerBlock.toFixed(3)} inches – Spacer Blocks</p>
<p>` : ”}</p>
</div>
<p>Total 2×4 Needed: ${Math.ceil(totalBoardFeet)} Board Feet<br />Total Screws Needed: ${totalScrews} screws</p>
</div>
</div>
</div>
<p style="max-width:1100px; font-size:12px; margin: 0 auto;"><em>Configurator Notes: <a href="https://youtu.be/YHs4qWCblaU">Watch the video tutorial before using this configurator </a>for best results. Measure totes to 1/8 inch accuracy. Input in decimal format. A 1/4 inch is added automatically to the tote widths to help totes slide easier into the openings. A 1″ space is added in between totes vertically. This tote rack configurator uses 2x4s with expected dimensions of 1-1/2″ by 3-1/2″. Large configurations may become heavy and difficult to maneuver, it is recommended to build in smaller sections. Always double check the cut list and the spacing between legs works for your totes.</em></p>
<hr style="border: none; border-top: 1px solid #ddd; margin: 20px 0;"/>
</div>
<p><br />
<br /><a href="https://www.ana-white.com/woodworking-projects//woodworking-projects/free-diy-tote-storage-rack-configurator-and-plans-ana-white">Credit to Source link </a></p>
</div>
<footer class="entry-meta" aria-label="Entry meta">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://blog.furniture.ind.in/category/furniture/" rel="category tag">furniture</a></span> <span class="tags-links"><span class="gp-icon icon-tags"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M20 39.5c-8.836 0-16 7.163-16 16v176c0 4.243 1.686 8.313 4.687 11.314l224 224c6.248 6.248 16.378 6.248 22.626 0l176-176c6.244-6.244 6.25-16.364.013-22.615l-223.5-224A15.999 15.999 0 00196.5 39.5H20zm56 96c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z"/><path d="M259.515 43.015c4.686-4.687 12.284-4.687 16.97 0l228 228c4.686 4.686 4.686 12.284 0 16.97l-180 180c-4.686 4.687-12.284 4.687-16.97 0-4.686-4.686-4.686-12.284 0-16.97L479.029 279.5 259.515 59.985c-4.686-4.686-4.686-12.284 0-16.97z" /></svg></span><span class="screen-reader-text">Tags </span><a href="https://blog.furniture.ind.in/tag/ana/" rel="tag">Ana</a>, <a href="https://blog.furniture.ind.in/tag/page/" rel="tag">Page</a>, <a href="https://blog.furniture.ind.in/tag/white/" rel="tag">White</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://blog.furniture.ind.in/geode-home-decor-ideas/" rel="prev">Geode Home Decor Ideas</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://blog.furniture.ind.in/100-best-experience-gifts-for-everyone-on-your-list/" rel="next">100+ Best Experience Gifts for Everyone on Your List</a></span></div> </nav>
</footer>
</div>
</article>
<div class="comments-area">
<div id="comments">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/page-not-found-ana-white/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://blog.furniture.ind.in/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" required></textarea></p><label for="author" class="screen-reader-text">Name</label><input placeholder="Name *" id="author" name="author" type="text" value="" size="30" required />
<label for="email" class="screen-reader-text">Email</label><input placeholder="Email *" id="email" name="email" type="email" value="" size="30" required />
<label for="url" class="screen-reader-text">Website</label><input placeholder="Website" id="url" name="url" type="url" value="" size="30" />
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='4095' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form> </div><!-- #respond -->
</div><!-- #comments -->
</div>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="block-2" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://blog.furniture.ind.in/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></aside><aside id="block-3" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://blog.furniture.ind.in/texas-two-step-ikea-picks-spots-for-more-stores/">Texas two-step: Ikea picks spots for more stores</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blog.furniture.ind.in/2025-bedding-conference-to-highlight-tariffs-pending-legislation-that-could-impact-industry/">2025 Bedding Conference to highlight tariffs, pending legislation that could impact industry</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blog.furniture.ind.in/ra-marketing-pyxd-partner-to-simplify-online-merchandising/">R&A Marketing, Pyxd partner to simplify online merchandising</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blog.furniture.ind.in/surya-to-debut-new-designs-across-all-categories-at-spring-high-point-market/">Surya to Debut New Designs Across All Categories at Spring High Point Market</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://blog.furniture.ind.in/maybe-the-best-time-to-use-that-special-piece-of-lumber-is-now/">Maybe the Best Time to Use That Special Piece of Lumber Is Now</a></li>
</ul></div></div></aside><aside id="block-4" class="widget inner-padding widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.binance.info/ru/register?ref=V3MG69RO">Бонус за регистрацию в binance</a> on <a class="wp-block-latest-comments__comment-link" href="https://blog.furniture.ind.in/diy-wooden-tray-erin-spain/#comment-1445">DIY Wooden Tray – Erin Spain</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://stufferdnb.org">stufferdnb</a> on <a class="wp-block-latest-comments__comment-link" href="https://blog.furniture.ind.in/houzz-report-says-festive-homeowners-prize-functionality/#comment-1439">Houzz report says festive homeowners prize functionality</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://yearlymagazine.com">yearlymagazine</a> on <a class="wp-block-latest-comments__comment-link" href="https://blog.furniture.ind.in/survey-8-in-10-companies-expect-price-hikes-layoffs-in-wake-of-trumps-tariffs/#comment-1438">Survey: 8 in 10 companies expect price hikes, layoffs in wake of Trump’s tariffs</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://influencersginewuld.org">influencersginewuld</a> on <a class="wp-block-latest-comments__comment-link" href="https://blog.furniture.ind.in/chinese-lab-releases-new-open-use-ai-model/#comment-1437">Chinese lab releases new open-use AI model</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://influencersginewuld.org">influencersginewuld</a> on <a class="wp-block-latest-comments__comment-link" href="https://blog.furniture.ind.in/houzz-report-says-festive-homeowners-prize-functionality/#comment-1435">Houzz report says festive homeowners prize functionality</a></footer></article></li></ol></div></div></aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
© 2025 <a href="https://www.murari.co.in">Best Educator in India</a>
</div>
</div>
</footer>
</div>
<script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><!--[if lte IE 11]>
<script src="https://blog.furniture.ind.in/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
</script>
<script src="https://blog.furniture.ind.in/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script>
<script src="https://blog.furniture.ind.in/wp-includes/js/comment-reply.min.js?ver=6.7.2" id="comment-reply-js" async data-wp-strategy="async"></script>
</body>
</html>
<!-- Page cached by LiteSpeed Cache 6.5.4 on 2025-04-18 13:12:55 -->