The latest articles on DEV Community by ui-kitty (@uikitty). https://dev.to/uikitty https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F423593%2Faef7485c-447c-47d8-9fae-71abf0bb6a5e.jpg https://dev.to/uikitty en ui-kitty Thu, 07 Jan 2021 14:42:21 +0000 https://dev.to/uikitty/download-instagram-mockup-2021-9k6 https://dev.to/uikitty/download-instagram-mockup-2021-9k6 <p>Instagram’s making major design changes to its home screen for the first time in years and we are prepared instagram mockup for this changes. Today, the company announced that it’s adding Reels and Shop tabs to its home screen, a communication of the company’s priorities. The Reels tab will, of course, lead users to Reels, shortform videos similar to TikTok. The Shop tab will surface personalized recommendations, editors’ picks curated by the shop channel, shoppable videos, and new product collections. Both tabs make it easier for people to find what they want on the platform and go there immediately. Instagram mockup 2021 is a biggest mockup of instagram ever made. We tried to make all the screens necessary for the designer.</p> <p><a href="https://code.market/product/instagram-mockup-2021-download/" rel="noopener noreferrer">Download Instagram Mockup 2021</a></p> <h2> Instagram Brand Profile Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F99sv3divdjcl7a6yx138.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F99sv3divdjcl7a6yx138.png" alt="Instagram Brand Profile Mockup"></a></p> <h2> Instagram IGTV Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fw515c8v1w1rv9cs797d6.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fw515c8v1w1rv9cs797d6.png" alt="Instagram IGTV Mockup"></a></p> <h2> Instagram Post Feed Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwtgk6wwnbj62m25ck3lm.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwtgk6wwnbj62m25ck3lm.png" alt="Instagram Post Feed Mockup"></a></p> <h2> Instagram Reels Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftopzzwo1y9mmogg2l8wm.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftopzzwo1y9mmogg2l8wm.png" alt="Instagram Reels Mockup"></a></p> <h2> Instagram Other Screens Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fxjmcjkydep0kocw8zkf5.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fxjmcjkydep0kocw8zkf5.png" alt="Instagram Other Screens Mockup"></a></p> <h2> Instagram Shop Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fe9prekcc1jupbp5uot7m.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fe9prekcc1jupbp5uot7m.png" alt="Instagram Shop Mockup"></a></p> <h2> Instagram Stories Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fk01hv6pq0td7m8im6ym8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fk01hv6pq0td7m8im6ym8.png" alt="Instagram Stories Mockup"></a></p> <h2> Instagram User Profile Mockup </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ff4tdlo0w75nuq8t549sf.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ff4tdlo0w75nuq8t549sf.png" alt="Instagram User Profile Mockup"></a></p> <h2> What contains in the files? </h2> <ul> <li>Instagram Feed Screens;</li> <li>Instagram Shop Screens;</li> <li>Instagram Reels Screens;</li> <li>Instagram IGTV Screens;</li> <li>Instagram Gallery Page;</li> <li>Show gallery screen;</li> <li>Instagram post mockup;</li> <li>Feed Screen with Shop UI;</li> <li>Instagram profile template Screen;</li> <li>Simple Stories Screen;</li> <li>Instagram Storie’s template;</li> <li>Instagram ad mockup with Advertising fill button;</li> <li>Instagram ad mockup with Advertising underline button;</li> <li>Feed with photo gallery;</li> </ul> <h2> What’s inside Instagram Mockup package? </h2> <ul> <li>PSD package: 33 PSD files – resolution 1126px – 2562px;</li> <li>Sketch package: 1 sketch file;</li> <li>Figma package: 1 Figma file;</li> <li>The Bundle: 33psd files + 1 sketch file + 1 Figma file.</li> </ul> <h2> License </h2> <ul> <li>Fonts not included in the package</li> <li>SF Pro Display – download here</li> <li>Instagram Logo not included in the package</li> <li>Re-distribute only via the backlink link.</li> </ul> ios android mobile