I code and design stuff

I have always been keen to create beautiful designs for my social media posts, books and other stuff, but never really got the kind of inspiration or resources i need to make them. So, I took a stand and created an ultimate Directory. Guess what, for newbies like me there are over 80+ free resources. Created on the best database tool on the planet - Notion. Easy to publish, use and maintain.

Design Directory

👉 greg.pm

<h2 class="rich-heading">Manifest</h2>The best products start with great collaboration on low-fidelity wireframes.Blocks brings your whole team into one tool so they can iterate quickly, collaborate better, and avoid becoming too attached to any one style.Go from low to high-fidelity within the same tool.<h2 class="rich-heading">What is Blocks?</h2>🧱 Drag and drop blocks with ease - Easily drag and drop your components from the blocks plugin toolbar to quickly build and iterate on your ideas.🎛️ Effortless customizing - Smart components: resize, set dates, swap icons. Customize your wireframe.🤝 Team collaboration - Blocks merges wireframing and Figma into one platform for full-fidelity teamwork.🌟 Best-in-class Blocks - Wireframe anything on your mind with our core components—we've got every product situation covered.Great Products are born on Blocks<h2 class="rich-heading">Ressources</h2>🌍 <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.blocks.pm/">our website </a><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://blocks.pm">blocks.pm</a>😀 <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.figma.com/file/3gqLc14FaEUN8APqaHhqa6/Blocks---Community?type=design&amp;node-id=1%3A10&amp;mode=design&amp;t=xfEbWA6QuosAeOdt-1">our community place</a>

Blocks

Frontend Developer | ali-hussein.com

Build unlimited SaaS products with Indie Starter Kit. Remove the hassle and save days of work.

Indie Starter

UI/UX Designer

I made a website for a video editor's portfolio with Figma for the design and Lottie for the animations on Framer. It's my first Framer project and it's dynamic.

Framer Portfolio Website for client

Frontend Developer

Styled Snippets is an open-source web platform designed for developers seeking beautifully styled HTML and CSS components. Our easy-to-use interface allows you to quickly find, copy, and integrate ready-made snippets into your projects, saving you time and enhancing your workflow. Whether you're building a simple website or a complex web application, Styled Snippets provides the building blocks you need to create stunning, responsive designs effortlessly.

Styled Snippets

Frontend Developer | JavaScript, React, Next.js | Techstitcher Intern | UI/UX | Java | Building High-Performance Web App

Welcome to Kicksy, your go-to destination for stylish and comfortable footwear. At Kicksy, we believe in simplicity and quality, offering a curated collection that effortlessly blends fashion and comfort.Discover a world where choosing the perfect pair is a breeze. Kicksy brings you a hassle-free shopping experience, ensuring you find the ideal kicks to complement your style without any fuss. Explore our diverse range and step into comfort and fashion, all in one place—welcome to Kicksy, where simplicity meets style.

Kicksy

A Wizard ✦ Love design + Code ✦ building 3dicons and 6+✦ Making tools & designs @OverlayzStudio ✦ Now making own game

A simple, fun project for the sake of creating some cool-looking abstract shapes with little grainy gradients crafted by <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://x.com/realvjy">@realvjy</a>. Coolshapes is a completely open-source set of 100+ abstract shapes crafted for any design and development projects. Free for both commercial and personal use. Licensed under <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/realvjy/coolshapes-react/blob/main/LICENSE">MIT</a>.Some key features<ul><li>100% Vector (Made in Figma)</li><li>Change color &amp; noise setting</li><li>Full version FREE for Personal &amp; Commercial use under MIT</li><li>React package available for Developer</li></ul>For developer <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.npmjs.com/package/coolshapes-react">react package available here</a>Check Website <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://coolshap.es">coolshap.es</a>Demo Website <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://demo.coolshap.es">demo.coolshap.es</a>For any feedback and query you can tweet/x <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://x.com">@realvjy</a> or Open issue on github

Coolshapes

Indie UI is an open-source powered by Tailwind and inspired by shadcn.

Indie UI

Software Developer | Product Designer | Freelancer | IIIT Sonepat

Account Management:<ul><li>Create a user account</li><li>Edit profile information</li><li>Manage saved addresses and payment methods</li><li>View and manage past reservations</li><li>Write reviews of restaurants</li><li>Access loyalty program (if applicable)</li><li>Manage notifications preferences</li></ul>Restaurant Search:<ul><li>Search by location, cuisine, name, or other criteria</li><li>Apply filters (e.g., price range, dietary restrictions, open now)</li><li>View restaurant details (photos, menus, reviews, hours, address)</li><li>Save favorite restaurants</li></ul>Menu Browsing:<ul><li>View detailed menus with descriptions and prices</li><li>Filter menu items by category or dietary restrictions</li><li>See photos of menu items</li></ul>Reservations:<ul><li>Make reservations online</li><li>Select date, time, party size, and special requests</li><li>Receive confirmation emails and reminders</li><li>Manage or cancel reservations</li><li>Add notes to reservations</li></ul>Payment:<ul><li>Pay for reservations securely online</li><li>Use saved payment methods</li></ul>Reviews:<ul><li>Read and write reviews of restaurants</li><li>Rate restaurants on various aspects (food, service, atmosphere)</li></ul>Manage restaurant profile:<ul><li>Edit restaurant information</li><li>Upload photos and menus</li><li>Set availability and hours</li></ul>Manage reservations:<ul><li>View upcoming reservations</li><li>Confirm or deny reservations</li></ul>Loyalty program:<ul><li>Reward customers for repeat business</li><li>Offer discounts or special rewards</li></ul>Social media integration:<ul><li>Share reservations or reviews on social media</li><li>Connect with friends' favorite restaurants</li></ul>Push notifications:<ul><li>Send reminders for upcoming reservations</li><li>Notify users of special offers or events</li></ul>

ReserveBite

Product Designer @ Foundership | Ex-AbInBev | MLSA | Postman Student Expert | Framer

🎨 Dive into the world of design excellence with our meticulously crafted Figma Community file! 🚀 Embrace the power of Atomic Design methodology as we guide you through each intricate detail, ensuring seamless harmony in your projects.🌟 Start your journey with a comprehensive introduction to Atomic Design, demystifying its principles and unleashing your creativity. Explore a vibrant spectrum of colors, meticulously curated to elevate your designs and captivate your audience.💬 Typography enthusiasts, rejoice! Delve into our treasure trove of fonts and styles, meticulously selected to convey your message with unparalleled clarity and elegance.🔘 Elevate your UI/UX game with our collection of sleek buttons, meticulously crafted to engage and delight users at every click. Seamless integration awaits as you implement our versatile grids, ensuring pixel-perfect alignment and intuitive navigation.📅 Exciting updates on the horizon! Stay tuned as we unveil our upcoming features, designed to revolutionize your workflow and take your designs to new heights.🚀 Don't miss out on this opportunity to revolutionize your design process. Join us on this journey of innovation and creativity, exclusively on the Figma Community!

Atomic Design Systems

Enhance your design projects with the best UI kits. Perfect for web, mobile, and app design.

The Best UI Kit Side Projects of 2024