Saptak Paul’s Post

🚀 Push the boundaries of design! Quantum Shimmer: An elegant glow and color-shifting effect for an ultra-modern touch. 🌟 Which one do you think would wow your audience more? Let’s discuss! #webdevelopment #cssdesign #gravityanimation #quantumeffects #htmlcss #frontenddev

Introducing A New Framer Template! Inspired by the elegant simplicity of Mobbin's website, I've created a new template that embodies minimalism and powerful interactions. Like Mobbin, I've minimized animations, focusing on a few impactful and engaging interactions. The best part? I achieved all this in Framer without writing a single line of code. Check out the demo link below and experience it for yourself! https://lnkd.in/dYNrE9ei #Framer #Design #Minimalism #WebDesign #NoCode

Do design tutorials belong on LinkedIn? Absolutely! That's why I'm excited to share quick, bite-sized tutorials on designing icons. Starting today, join me for the first episode where we'll create one sleek Game Controller icon. Like if you agree! #Design #IconDesign #DesignTutorial #HowToDesign #Icons #DesignTips #LearnDesign

Day 14: Build Your Game Levels, Pixel by Pixel! "🛠️ Designing Game Levels Has Never Been This Fun! Creating levels is the backbone of game design. A simple level editor lets you: 1️⃣ Place tiles for ground, water, or obstacles. 2️⃣ Add interactive elements like NPCs or collectibles. 3️⃣ Preview your world as you build it. Pixel art makes level editing visually exciting and approachable for beginners. 🌟 Have you tried building your own levels? Share your experiences below! #PixelArt #GameLevelDesign #IndieGameDev #AshusHindiGames

GM! Last week, we explored a simple idea for an interface that gives designers control over creating interactions. Tudor Teisanu, Neil Jett, and Fredrik Matheson raised some detailed questions, so let's take a closer look. The flow below shows how a user can set up a click event on an object, which then randomly triggers one of two rotation animations. The panel (or "playground") you see has three states (of the Interaction panel) where users manage events and actions for the selected object. This will tie into interactive components—an essential but separate part—and will eventually allow functional prototypes to run based on the logic defined in the panel. Later, this will evolve into code generation. #UIUXDesign #NoCode #DesignTools #CreativeTechnology #ProductDesign

Day 14: Build Your Game Levels, Pixel by Pixel! "🛠️ Designing Game Levels Has Never Been This Fun! Creating levels is the backbone of game design. A simple level editor lets you: 1️⃣ Place tiles for ground, water, or obstacles. 2️⃣ Add interactive elements like NPCs or collectibles. 3️⃣ Preview your world as you build it. Pixel art makes level editing visually exciting and approachable for beginners. 🌟 Have you tried building your own levels? Share your experiences below! #PixelArt #GameLevelDesign #IndieGameDev #AshusHindiGames"

Interactions and data embedded right into the design process.

I always interested to try different media, and thinking how I can add a bit of interactive elements while presenting my work. Here's a quick card flip demo, using my board game card design and illustration I'm working on. You can try it here: https://lnkd.in/ehDzW_rq Designed and Illustrated by Liangliang Luo, Code Template by Joshua Guo made with Framer. #Illustration #design #3Dcardflip #Framer #boardgame #gameart

🚀 Day 5/20 of the Web Projects Challenge Today’s mission: Create a captivating smoke effect triggered by a hover! 💨✨ 🔧 What we achieved: • Converted each character into a sleek span element with CSS for that perfect touch. ✨ • Utilized mouse hover events to activate a mesmerizing, smoky fade. 🌫️ • Designed smooth CSS animations for a dynamic, ethereal effect that’s both magical and interactive. 🎩 This project has been all about blending stylish design with engaging interactivity. It’s been a fantastic journey, and I’m excited for what’s coming next! #CodeEveryday #WebDevChallenge #HoverEffect #CSSMagic #InteractiveDesign #SmokeEffect #FrontendChallenges #DailyCoding #CreativeCoding #LearnByDoing

Hello connections, I created a demo project. I want you to give me your suggestions. I would like to tell you something about the project. I have created this project using ReactJs library with Material UI (MUI). For animation i used Framer Motion Library which is widely used for animation effects. And for Form inputs i used MUI textfileds, for validation used Yup library, and to get values from Form input fields i used react-form-hook. And use EmailJS service to get Form values on email. Your suggestions is valuable for me. Project link:-