Mr. Jarnawi |Brankas

✔️ Design Nominees (https://www.designnominees.com/): A showcase of awarding and showcasing the best websites, apps and Games. ✔️ Design Vault (https://designvault.io/): A library of screenshots and patterns from real world digital products ✔️ CSS buttons (https://getcssscan.com/css-buttons-examples): 84 Beautiful CSS buttons examples. ✔️ CSS box-shadow (https://getcssscan.com/css-box-shadow-examples): 91 Beautiful CSS box-shadow examples. ✔️ Super Designer (https://superdesigner.co): Design tools that give you super powers. ✔️ Landings (https://landings.dev): Find the best landing pages for your design inspiration based on your preference. #Shared4You #FreeResources #Downloadable #DesignInspiration P.S. next post 👉 1️⃣4️⃣ Image Compression - website yang memungkinkan Anda mengompres gambar berukuran besar

✔️ CSS Zen Garden (http://csszengarden.com/): Demonstrating the power of CSS, over 200 CSS-only interpretations of the same HTML file. ✔️ Behance (https://www.behance.net/): Design projects featured by different creators ✔️ Dribbble (https://dribbble.com/): Design projects featured by different creators ✔️ Landingfolio (https://landingfolio.com/): Landingfolio features the best landing page inspiration, templates, resources and examples on the web. ✔️ Codewell (https://www.codewell.cc/): Practice your HTML, CSS, and Javascript skills on real world design templates ✔️ Foxyapps (https://foxyapps.co/): Design inspiration from the best mobile app designs ✔️ Httpster (https://httpster.net/2020/apr/): Showcases websites made by people from all over the world ✔️ Inspofinds (https://inspofinds.com/): Latest design work from designers and the design community ✔️ Design Notes (https://www.designnotes.co/): Free online resource library for product designers ✔️ Land Book (https://land-book.com/): Displays a large collection of websites to help find inspiration ✔️ Frontend Mentor (https://www.frontendmentor.io/): Real-world UI Challenges using HTML, CSS and Javascript ✔️ Awwwards (https://www.awwwards.com/): A website that rate and collects the best websites in the world in UI ✔️ Codrops (https://tympanus.net/codrops/): A website that collects the best UI ideas and patterns and make tutorials of it ✔️ SaaS Landing Page (https://saaslandingpage.com/): Discover the best landing page examples created by top-class SaaS companies ✔️ Saaspages.xyz (https://saaspages.xyz): A collection of the best landing pages with a focus on copywriting and design. ✔️ Screenlane (https://screenlane.com): Screenlane is a website and newsletter that features the latest web and mobile design inspiration. ✔️ lapa ninja (https://www.lapa.ninja/): Best landing page inspiration ✔️ Freefrontend (https://freefrontend.com/): Free frontend design from css html and javascript. latest work some design part ✔️ Webframe (https://webframe.xyz): Discover and be inspired by beautiful webapp designs ✔️ Collect UI (http://collectui.com/): Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily. ✔️ Graphic Burger (https://graphicburger.com/): A site offering a free and pain icons, mock-ups, Ui-Kits, text effect and backgrounds. This site's resource are a mix of free and paid resources. Icons is on a mix of PNG, SVG, EPS and Sketch Format. Some resources are confusing as there are sponsored content in the middle of the free sets. ✔️ Really Good Emails (https://reallygoodemails.com/): A site offering users a ton of company e-mails from customer service to marketing. ✔️ Free Design Resource (https://freedesignresources.net/): A site offering fonts, mockups, templates graphics and ui kits. ✔️ Site Inspire (https://www.siteinspire.com/): siteInspire is a showcase of the finest web and interactive design. ✔️ Web Design Inspiration (https://www.webdesign-inspiration.com/): A site for web design inspiration, updated daily. ✔️ NavNav (https://navnav.co/): Responsive navigation examples ✔️ Calltoidea (https://www.calltoidea.com/): Collection of different web Components for inspiration. ✔️ MediaQueri.es (https://mediaqueri.es/): A collection of inspirational websites using media queries and responsive web design ✔️ Mulzli Search (https://search.muz.li): Search engine for design inspiration ✔️ DeviantArt (https://www.deviantart.com/): Access to 370 million pieces of art for inspiration. ✔️ Design your way (https://www.designyourway.net/blog/web-and-mobile-design/): Collection of different Web and Mobile Designs ✔️ Humans.fyi (https://humans.fyi/): A collection of brilliant personal websites filterable by colors and web technologies used in each website. ✔️ SiteSee (https://sitesee.co/): A curated gallery of beautiful and modern websites. ✔️ UI Garage (https://uigarage.net/): Daily handpicked UI inspiration & patterns. ✔️ ecomm.design (https://ecomm.design/): eCommerce Website Design Gallery & Tech Inspiration.

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 1️⃣3️⃣ Design Inspiration Beberapa situs web untuk mendapatkan inspirasi desain dan UI

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 1️⃣2️⃣ Downloadable Design Software Perangkat lunak gratis untuk UI, foto, pemodelan 3d, dll. Alternatif untuk perangkat lunak berbayar seperti Photoshop ✔️ Gimp (https://www.gimp.org/): Free & open source image editor similar to Photoshop ✔️ Gravit Designer (https://www.designer.io/en/): Free full-featured vector graphic design app that works on ALL platforms ✔️ Blender (https://www.blender.org/download/): Open source, free animation, 3D modeling, etc. ✔️ Raw Therapee (https://rawtherapee.com/): Cross-platform raw image processing program ✔️ Be Funky (https://www.befunky.com/features/graphic-designer/): Online design program ✔️ Krita (https://krita.org/en/download/krita-desktop/): Sketching and painting program designed for digital artists ✔️ Pencil Project (https://pencil.evolus.vn/): GUI prototyping software ✔️ Inkscape (https://inkscape.org/): Powerful free design tool ✔️ Adobe 😆 (https://www.adobe.com/products/xd.html): Free design tool from Adobe ✔️ Shapes.so (https://shape.so/pricing): Icons that can be used as code in your projects ✔️ Lunacy (https://icons8.com/lunacy): Sketch for Windows ✔️ InVision Studio (https://www.invisionapp.com/studio): Free screen designing tool from InVision ✔️ Darktable (https://www.darktable.org/): Free & Open source photography workflow application and raw developer ✔️ Inpixio photo Editor (https://www.inpixio.com/free-photo-editor): Free Photo Editor: For windows only ✔️ Colorpicker (https://colorpicker.fr): Open Source colors software: Retrieve, manipulate and store your colors easily! ✔️ Google Web Designer (https://webdesigner.withgoogle.com/): Create engaging, interactive HTML5-based designs and motion graphics that can run on any device. ✔️ Origami Studio (https://origami.design): Interactive interface design tool created by Facebook: For mac only #Shared4You #FreeResources #Downloadable #DesignSoftware P.S. next post 👉 1️⃣3️⃣ Design Inspiration - beberapa situs web untuk mendapatkan inspirasi desain dan UI

✔️ Kodeshot (https://www.kodeshot.net/): Convert your source code into nice pictures for your articles, tweets, messages, posts... ✔️ Wix (https://www.wix.com/): Create a Website You’re Proud Of ✔️ GTmetrix (https://gtmetrix.com/): Website Speed and Performance Optimization ✔️ Yellow Lab Tools (https://yellowlab.tools/): Online test to help speeding up heavy web pages ✔️ Framer (https://www.framer.com/): Is prototyping tool for teams ✔️ Draw.io (https://www.draw.io/): Free online diagram editor tool ✔️ UXWing SVG Editor (https://uxwing.com/svg-icon-editor): Creating and Edit SVG Online ✔️ CSS Arrow (http://www.cssarrowplease.com/): Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like. ✔️ Lucidchart (https://www.lucidchart.com/pages/): Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier ✔️ Carbon (https://carbon.now.sh): Create and share beautiful images of your source code by typing or drop a file. ✔️ PixCleaner (https://www.pixcleaner.com/): Accurate and hassle free background removal tool ✔️ Glass UI (https://ui.glass/generator): A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications. ✔️ Glassmorphism (https://glassmorphism.com/): An incredible online tool for generating quick glassmorphic UI in CSS code snippets. ✔️ TableConvert (https://tableconvert.com/): Table Convert Online is a web-based tool to converts Excel, URL, HTML, Markdown table and CSV to Markdown table, CSV/TSV, JSON, XML, YAML, insert SQL, HTML, Excel and LaTeX table. ✔️ Doodle Ipsum (https://doodleipsum.com/): The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools. ✔️ Figen (https://figen.cc/): Post Cover & Background Generator Tool ✔️ Windframe (https://www.devwares.com/windframe/): A tool to rapidly prototype and build stunning websites using Tailwind CSS (Free & Premium) ✔️ Slickr (https://slickr.vercel.app/): A tool for designing cover image for your blog. ✔️ Shadow Palette Generator (https://www.joshwcomeau.com/shadow-palette/): Create a set of lush, realistic CSS shadows. ✔️ Ray.so (https://ray.so/): Online tool to create beautiful images of your code. ✔️ Codepng (https://www.codepng.app/): Convert your source code into awesome shareable images. ✔️ CSS Grid Generator (https://grid.layoutit.com/): A tool for creating CSS Grid Layouts ✔️ Penpot (https://penpot.app/): Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community ✔️ JSONT (https://www.jsont.run/): A simple and powerful online JSON formatting tool ✔️ Jitter (https://jitter.video/): Online tool to create motion graphics/design ✔️ Visily (https://www.visily.ai): Tool that empowers non-designers to design web and mobile app mockups ✔️ okso.app (https://okso.app): The drawing app with a nested "drawing-inside-the-drawing" structure ✔️ Calc Generator (https://fpece.com/calc-generator): Tool for easily creating precise Calc() CSS functions #Shared4You #FreeResources #OnlineDesignTools P.S. next post 👉 1️⃣2️⃣ Downloadable Design Software - perangkat lunak gratis untuk UI, foto, pemodelan 3d, dll. Alternatif untuk perangkat lunak berbayar seperti Photoshop

✔️ Figma (https://www.figma.com/graphic-design-tool/): Online graphic design tool (Free & paid options) ✔️ Penpot (https://penpot.app/): Open Source and selfhostable (https://github.com/penpot/penpot#what-is-penpot) online graphic design tool ✔️ Vectr (https://vectr.com/): Free vector graphics software ✔️ Taler (https://www.taler.app/): Create social media banner designs in minutes from hundreds of customizable templates ✔️ Canva (https://www.canva.com/): Create beautiful designs (Free & Paid) ✔️ Get Waves (https://getwaves.io/): A free SVG wave generator to make unique SVG waves for web design ✔️ Clippy (https://bennettfeely.com/clippy/): Easy CSS clip-path maker ✔️ Fancy Border Radius (https://9elements.github.io/fancy-border-radius/full-control.html): Eight values specifying border-radius in CSS ( border-radius generator ) ✔️ Wireframe.cc (https://wireframe.cc/): Wireframing tool (free & paid) ✔️ Fotor (https://www.fotor.com/): Photo editor and design maker ✔️ Pixlr (https://www.pixlr.com/): Online photo editor ✔️ Animoto Video Maker (https://animoto.com/apps/online-video-maker): Make videos online ✔️ RemoveBG (https://www.remove.bg/): Remove image backgrounds ✔️ Photo Creator (https://photos.icons8.com/creator): Create your own photos instead of searching for stock ✔️ Visme (https://www.visme.co/): Create presentations, infographics and more ✔️ Infogram (https://infogram.com/): Create infograms ✔️ ChartGo (https://www.chartgo.com/): Create charts and graphs online ✔️ Cartoon Photo (https://cartoon.pho.to/): Turn photos into cartoons ✔️ Whimsical (https://whimsical.com/): Wireframes, diagrams and more (4 free) ✔️ Whiteboard (https://witeboard.com/): Online drawing tool ✔️ Octopus (https://octopus.do/): Sitemap builder ✔️ Onlineboard (https://onlineboard.eu): Real-time shareable whiteboard for brainstorming ✔️ CTA Button Maker (https://www.clickminded.com/button-generator/): Create call to action buttons ✔️ Blobmaker (https://www.blobmaker.app/): Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes. ✔️ Personas (https://personas.draftbit.com/): A playful avatar generator for the modern age ✔️ Photopea (https://www.photopea.com): An Online Photoshop editor ✔️ Excalidraw (https://excalidraw.com/): Virtual whiteboard for sketching hand-drawn like diagrams ✔️ Diagrams (https://www.diagrams.net/): Diagram software and Flowchart maker ✔️ Mermaid (https://github.com/mermaid-js/mermaid): renders Markdown-inspired text definitions to create and modify diagrams (like flowchart, sequence diagram, gantt, or user journey) dynamically. (FOSS) ✔️ MapInSeconds (http://mapinseconds.com/): Simple way to visualize your data with a map ✔️ Grid Malven (http://grid.malven.co/): A css grid cheatsheet to reference when creating a css grid ✔️ Flex Malven (http://flexbox.malven.co/): A flexbox grid cheatsheet to reference when working with flexbox ✔️ Smart Upscaler (https://icons8.com/upscaler): Upscale images by 2-4x resolution (4 free) ✔️ GetAvataaars (https://getavataaars.com/): Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library ✔️ Big Heads (https://github.com/RobertBroersma/bigheads): Easily generate avatars for your projects with Big Heads by Robert Broersma. ✔️ Webflow (https://webflow.com/): Break the code barrier, Build better business websites, faster. Without coding. ✔️ Trace (https://stickermule.com/trace): Instantly remove the background from your photos ✔️ Neumorphism.io (https://neumorphism.io/#55b9f3): Generate Soft-UI CSS shadow code ✔️ DB Designer (https://app.dbdesigner.net/): Design your database for free online ✔️ Ui Bakery (https://uibakery.io/): Create full-fledged web apps visually ✔️ Faux (http://knutsynstad.com/fauxcode/): Turn real code into faux code ✔️ Rive (https://rive.app/): Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform. ✔️ Unscreen (https://www.unscreen.com/): Remove Video Background 100% Automatically and Free

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 1️⃣1️⃣ Online Design Tools

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 🔟 Product & Image Mockups Buat mockup perangkat dan produk lainnya ✔️ Smart Mockups Create stunning product mockups (free & premium) ✔️ Media Modifier beautiful design mockups service for your products (free & premium) ✔️ Shot Snap Create beautiful device mockup images for your app or website design ✔️ Screely Instantly turn your screenshot into a mockup ✔️ Screenshot.rocks Create beautiful browser & mobile mockups in seconds ✔️ Screen Peak Create a mockup from a URL ✔️ Mockup World The biggest source of free photo-realistic Mockups online ✔️ Collab Shot Real-time screen grabs and image sharing ✔️ Facebook Devices Images and Sketch files of popular devices ✔️ Threed.io Generate 3D mockups right in your browser. ✔️ Mockuphone 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV ✔️ Device Shots Create high-resolution device mockups for social media, for free ✔️ Clean Mock Create stunning mockups using latest device frames like iPhone X & custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free. ✔️ Mock.Video Instantly create mockups by adding a device frame to your videos. ✔️ MockupBro Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark. ✔️ Animockup Create animated mockups in the browser 🔥. ✔️ Pika Instantly create browser mockups and beautiful images for marketing, blog post and more #Shared4You #FreeResources #Mockups P.S. next post 👉 1️⃣1️⃣ Online Design Tools - semua jenis alat online untuk desain, mulai dari editor foto hingga wireframing, dan banyak lagi

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 9️⃣ Vectors & Clip Art Vector, clipart, ilustrasi, pola dan banyak lagi gratis .✔️ Vecteezy Find and download free vector art ✔️ Freepik Free vectors, stock photos, PSD and icons ✔️ Free Vectors Community of vector lovers who share free vector graphics ✔️ PNGTree png, backgrounds, templates, text effects ✔️ Vector4Free Free vector graphics ✔️ Freeble Vectors, patterns, mockups and more ✔️ Lukaszadam Free Vector artworks ✔️ Illlustrations Beautiful 100 Illustrations - png, svg ✔️ Clipart Choose great clipart, png, coloring pages, drawings and more for your projects from the free collection! ✔️ Growwwkit illustrations A set of 8 simple, black & white, stylish illustrations ✔️ trianglify.io Generate low-poly backgrounds, textures, and vectors ✔️ blob Generate Blob shapes for Web and Flutter apps ✔️ HiClipart A community for designers to share & download transparent background PNG cliparts ✔️ Stories by Freepik A collection of free and customizable illustrations for projects ✔️ Black Illustrations Beautiful illustrations of black people (free and premium) ✔️ Delesign A collection of free illustrations and more ✔️ Custom Shape Dividers Free tool to make it easier for designers and developers to export a beautiful SVG shape divider ✔️ Servier Medical Art 3000 free medical images to illustrate your publications and PowerPoint presentations ✔️ Clker Free clip art you can use for anything you like ✔️ SVG wave A free, & customizable gradient 🌈 SVG wave generator for UI designs . ✔️ BGjar Free svg background generator for your websites, blogs and app. ✔️ Heritage Library Vintage Illustrations (vector and png) ✔️ ROBOHASH Generate unique images from any text ✔️ Tabbied Create and customize minimally generated patterns/artwork to use for background images, print and other projects. ✔️ Haikei An awesome multishape web app. ✔️ Vector Awesome website for all kinds of Moroccan vectors. ✔️ Heazy Unique vector assets within seconds. #Shared4You #FreeResources #Vectors #ClipArt P.S. next post 👉 🔟 Product & Image Mockups buat mockup perangkat dan produk lainnya

🛑 Daftar pilihan desain dan sumber daya UI dari stok foto, template web, CSS framework, UI libraries, tools, dan banyak lagi 🛑 8️⃣ Stock Music & Sound Effects  Website yang menawarkan stok musik dan efek suara gratis ✔️ YouTube Studio Audio Library Royalty-free audio library for downloadable music and sound effects. Cleared for YouTube monetization. ✔️ Free Stock Music Royalty free stock music for YouTube videos, podcasts, etc ✔️ Bensound Download Royalty Free Music for free and use it in your project ✔️ Mixkit Free music for your projects ✔️ Freesound Free stock music and sounds ✔️ Free Music Archive Collaborative database of creative-commons licensed sound for musicians and sound lovers ✔️ Musopen An online copyright free classical music library ✔️ Pixabay Free music downloads for your project like Youtube videos, Music, Vlog, Film, Podcast etc. ✔️ Unminus Free Premium Music for Your Projects 🎁 Royalty Free. Cleared for YouTube. #Shared4You #FreeResources #StockMusic #SoundEffects P.S. next post 👉 9️⃣ Vectors & Clip Art vector, clipart, ilustrasi, pola dan banyak lagi gratis