Sign in

Darshit Tank

@darshittank.bsky.social
16 followers 11 following 51 posts

✨ Building the future of the web, one experiment at a time. Follow for modern front-end, beautiful UI, AI-powered workflows, open-source projects, and ideas that inspire your next build.

PostsRepliesMedia
Darshit Tank @darshittank.bsky.social · 28/09/2026
medium.com/@darshittank...
medium.com
I Used AI to Track My Anxiety for 30 Days — Here’s What It Found
I thought I knew my triggers. I was wrong.
010
Darshit Tank @darshittank.bsky.social · 28/09/2026
www.behance.net/gallery/2560...
Eric Carle The Very Hungry Caterpillar Childrens Book Storytelling Paper Collage Digital Illustration Picture Book Caterpillar Butterfly Visual Narrative Kids Content Book Design Painted Paper Art Collage Illustration Read Aloud
021
Darshit Tank @darshittank.bsky.social · 22/09/2026
roadmap.sh/projects/acc... GitHub: github.com/Darshittank/...
A modern, responsive accordion component built with HTML, CSS, and pure jQuery featuring smooth expand/collapse transitions, single-open behavior, and clean, reusable code.
010
Darshit Tank @darshittank.bsky.social · 22/09/2026
🌈🦋 Eric Carle's - The Very Hungry Caterpillar’s Colorful Week 🦋🌈 www.behance.net/gallery/2560... 🦋
This project is a visual storytelling adaptation of the beloved children's classic, The Very Hungry Caterpillar. The goal was to create a complete, screen-by-screen narrative experience that captures the warmth, texture, and wonder of Eric Carle's iconic painted-paper collage aesthetic—while making it suitable for modern digital platforms such as e-books, animated read-alongs, and interactive storybook apps.

Each screen was carefully designed to maintain visual consistency, narrative flow, and emotional pacing across the entire story arc—from the caterpillar's birth on a sunny Sunday morning to his transformation into a beautiful butterfly.

A tiny caterpillar hatches from an egg on a bright Sunday morning. He is very hungry. From Monday to Friday, he eats through a growing number of fruits—one apple, two pears, three plums, four strawberries, and five oranges. But he is still hungry.

On Saturday, he feasts on cakes, pies, lollipops, and sausages—and gets a terrible stomachache. On Sunday, he eats a simple green leaf and feels better. After building a cocoon and resting for two weeks, he emerges as a beautiful butterfly.

The story teaches children about growth, patience, healthy eating, and the magic of transformation.
010
Darshit Tank @darshittank.bsky.social · 22/09/2026
✦ Enhanced Elegant Glass Slider ✦ GSAP Full Height Fades ✦ If you enjoyed this, hit ❤️ and follow for more... codepen.io/editor/darsh...
codepen.io
✦ Enhanced Elegant Glass Slider ✦ GSAP · Full Height Fades ✦ ( HTML - CSS - jQuery - GSAP )
A cinematic glassmorphism slider powered by GSAP + jQuery, featuring smooth full-height image fades, elegant frosted glass UI, and buttery 60fps trans
010
Darshit Tank @darshittank.bsky.social · 22/09/2026
pixabay.com/users/darshi... Creative Resources for Every Vision ✨ Discover high-quality digital art, illustrations, backgrounds, textures, seamless patterns, icons, 3D graphics, wallpapers, and stock-style visuals for business, technology, AI, nature, lifestyle, education, marketing, social media.
pixabay.com
Download free media from darshit_tank | Pixabay
See royalty-free images, stock photos, videos, music & more on Pixabay
010
Darshit Tank @darshittank.bsky.social · 10/09/2026
medium.com/@darshittank...
medium.com
Neuromorphic Computing: The Brain-Inspired Revolution Reshaping AI Hardware
The third stream of computing has arrived — and it’s nothing like what came before.
010
Darshit Tank @darshittank.bsky.social · 25/08/2026
Bright Glassmorphism Contact Form — Bootstrap + GSAP A modern glassmorphism contact form built with Bootstrap 5 and GSAP, featuring a bright, soft, and polished visual style. codepen.io/editor/darsh...
codepen.io
Bootstrap Contact Form Glassmorphism — Validation + GSAP
A modern glassmorphism contact form built with Bootstrap 5 and GSAP, featuring a bright, soft, and polished visual style. Features: ✨ Bright frosted g
010
Darshit Tank @darshittank.bsky.social · 20/08/2026
Practical JavaScript Demo A simple example of JavaScript in action: ⚡https://codepen.io/darshit_tank/pen/gbOWVOK Small code, real interaction. That’s the power of JavaScript. #JavaScript #WebDevelopment #Frontend #Coding
codepen.io
Particles.js Demo
A lightweight, dependency-free and responsive javascript plugin for particle backgrounds....
020
Darshit Tank @darshittank.bsky.social · 20/08/2026
WordPress 7.1 🚀 Brings better responsive styling, block controls, media handling, collaboration, and the new Icons API. The big takeaway: more design and responsive capabilities are moving into Core, meaning fewer CSS workarounds and a better editing experience. #WordPress #WebDevelopment #UIUX
WordPress 7.1 brings meaningful improvements for frontend developers and UI/UX designers—from responsive styling and better block controls to improved media handling, collaboration, and the new Icons API.

The biggest takeaway? More responsive and design capabilities are moving into WordPress Core, meaning fewer CSS workarounds and a smoother editing experience.

If you’re working with custom themes, blocks, or plugins, WordPress 7.1 is definitely worth exploring.
010
Darshit Tank @darshittank.bsky.social · 20/08/2026
Premium HTML Email Signature ✉ — Modern Card UI A modern, professional HTML email signature designed with a premium card-style UI. Built specifically with email-client compatibility in mind using table-based layouts and inline CSS. Perfect for corporate emails. 🔗 codepen.io/editor/darsh...
codepen.io
Premium HTML Email Signature ✉ — Modern Card UI
A modern, professional HTML email signature designed with a premium card-style UI. Built specifically with email-client compatibility in mind using ta
011
Darshit Tank @darshittank.bsky.social · 20/08/2026
✨ Just built this sleek Glassmorphism Checkout page! ✅ Light theme with blur effects ✅ Smooth GSAP animated gradient lines ✅ Interactive hover buttons ✅ Mobile-first responsive design ✅ Font Awesome icons throughout codepen.io/editor/darsh... #ui #checkout #glassmorphism #frontend #css #gsap
codepen.io
Glassmorphism Checkout Page💎with Animated Lines 🌫
A modern, spacious checkout page concept featuring: ✨ Glass morphism with light theme 🎨 Space Grotesk typography 🔄 Smooth animated gradient lines (2
010
Darshit Tank @darshittank.bsky.social · 18/08/2026
Just launched my new portfolio — glass UI, golden strokes, and counters that turn yellow when they hit the number. 👉 codepen.io/editor/darsh... 60+ projects. 24 clients. 8 awards. Design meets code. every time. #Portfolio #WebDesign #UIUX #CreativeCode #GoldenStroke
A digital space where design meets code. Built with glassmorphism, golden 2px hover strokes, and scroll-triggered counters that glow yellow on arrival. 60+ projects, 24 clients, 8 awards. Clean. Bold. Human. A designer & developer crafting digital experiences with soul.
030
Darshit Tank @darshittank.bsky.social · 17/08/2026
One race. One big mistake. One beautiful lesson.❤️ www.behance.net/gallery/2538... Slow and steady wins the race — and kindness wins hearts. A fun, colorful comic for kids 5–9, filled with humor and heart. ❤️ Who would you cheer for? 🐰🐢 #KidsComic #Illustration #ChildrensBook
A colorful children’s comic showing Harry the Hare and Timmy the Tortoise racing through a magical forest. Harry is fast but stops to sleep, while Timmy keeps going and wins the race. The final scene shows the two friends smiling together at sunset.
060
Darshit Tank @darshittank.bsky.social · 17/08/2026
What is Claude Code? The Beginner’s Guide to AI-Powered Development medium.com/@darshittank...
medium.com
What is Claude Code? The Beginner’s Guide to AI-Powered Development
The Definition: What Exactly Is Claude Code?
010
Darshit Tank @darshittank.bsky.social · 15/08/2026
Create a professional minimalist typographic wordmark for “[NAME]”, inspired by the reference... Comment your name below to create your personalized version.
010
Darshit Tank @darshittank.bsky.social · 14/08/2026
Before & After Image Slider – Liquid Glass ✨ Compare before and after images with a smooth, modern Liquid Glass slider. A simple and interactive way to showcase transformations. #BeforeAfter #ImageSlider #UIDesign #UXDesign #DesignInspiration #LiquidGlass codepen.io/editor/darsh...
Before and after image slider with a clean Liquid Glass design, comparing a grayscale mountain landscape with a vibrant color version, featuring a CodePen call-to-action.
010
Darshit Tank @darshittank.bsky.social · 14/08/2026
What is Neumorphism? The Design Trend That Divides the Design World medium.com/@darshittank...
medium.com
What is Neumorphism? The Design Trend That Divides the Design World
Great design balances aesthetics with usability, trends with timelessness, and bold ideas with real-world constraints.
020
Darshit Tank @darshittank.bsky.social · 14/08/2026
Card UI with Wishlist for Restaurant 🚀HTML - CSS - jQuery 🚀 @codepen.io @css-tricks.com codepen.io/editor/darsh...
codepen.io
Card UI with Wishlist for Restaurant 🚀CSS - jQuery 🚀
A clean and elegant restaurant card UI inspired by modern food discovery apps. Features a realistic pastry image, favorite button, Font Awesome icons,
000
Darshit Tank @darshittank.bsky.social · 12/08/2026
What is Glassmorphism? The Design Trend That’s Here to Stay medium.com/@darshittank... #glassmorphism #frontend #design #ui #ux
medium.com
What is Glassmorphism? The Design Trend That’s Here to Stay
If you’ve been paying attention to modern UI design, you’ve probably noticed those beautiful, frosted-glass panels that seem to float on…
050
Darshit Tank @darshittank.bsky.social · 10/08/2026
Next.js for Beginners: A Simple Introduction learnnextjs.hashnode.dev/next-js-for-... #NextJS #ReactJS #JavaScript #WebDevelopment #FrontendDevelopment #TypeScript #Programming #LearnToCode #CodingForBeginners #NextJSJourney
Next.js Journey beginner guide banner featuring the Next.js logo and modern web development concepts
120
Darshit Tank @darshittank.bsky.social · 07/08/2026
🚀 Node.js Considerations Build fast. Scale smarter. Node.js powers modern APIs, real-time apps, and microservices with exceptional performance. Understanding when—and how—to use it is the key to building reliable, scalable applications. #NodeJS #JavaScript #Backend #FullStack #WebDevelopment #API
Infographic titled 'Node.js Considerations' featuring the Node.js logo at the center with nine key topics: performance, use case fit, ecosystem maturity, code quality, error handling, security, scalability, monitoring and logging, and deployment/DevOps. The design uses a dark background with green accents, icons, and a clean technology-themed layout.
030
Darshit Tank @darshittank.bsky.social · 04/08/2026
🌟 Rosie's Big Kindness Adventure 🌟 Story Book A small act of kindness can grow into many wonderful friendships. www.behance.net/gallery/2537...
Rosie's Big Kindness Adventure is a heartwarming children's comic created for young readers aged 5–9 years. This project celebrates the values of kindness, courage, friendship, and believing in yourself through colorful illustrations and a simple, engaging story.
The story follows Rosie, a shy little rabbit who lives in a magical forest. Although she loves watching other animals play together, she is too nervous to make the first move. Everything changes when she sees a little squirrel struggling with a giant acorn. With one small act of kindness, Rosie discovers that courage begins with helping others. As kindness spreads throughout the forest, Rosie gains confidence, makes new friends, and learns that even the smallest brave step can create the biggest difference.
The illustrations were designed in a vibrant storybook style with expressive characters, magical forest environments, warm lighting, playful typography, and comic-inspired layouts. Every page was carefully crafted to capture children's attention while supporting the emotional journey of the story. Speech bubbles, narration boxes, colorful titles, and fun sound effects like "BOING!", "WHOOSH!", and "PUSH... PUSH!" make the reading experience interactive and enjoyable.
This project demonstrates my skills in children's book illustration, character design, visual storytelling, typography integration, AI-assisted illustration, and page composition. The goal was to create a joyful reading experience that entertains children while teaching positive life values in a fun and memorable way.
020
Darshit Tank @darshittank.bsky.social · 03/08/2026
Tailwind CSS Cheat Sheet 📘 A clean, one-page reference for layouts, spacing, typography, flex, grid, colors, breakpoints & more. Built to speed up development. #TailwindCSS #CSS #FrontendDevelopment
A high-resolution Tailwind CSS cheat sheet with a clean, color-coded layout. The poster organizes commonly used utility classes into sections including Layout, Spacing, Typography, Sizing, Borders, Backgrounds, Flex & Grid, Positioning, Effects, Transitions & Animations, Interactivity, Responsive Breakpoints, and a color palette, making it easy for developers to quickly find Tailwind utility classes.
020
Darshit Tank @darshittank.bsky.social · 31/07/2026
Nature Landscape Collection 2026 This project showcases a curated collection of AI-assisted landscape illustrations created for commercial stock platforms. www.behance.net/gallery/2535...
A curated collection of AI-assisted landscape illustrations featuring tranquil mountain lakes, blooming spring meadows, botanical scenery, and vibrant countryside environments. Created for commercial stock marketplaces, wallpapers, digital media, editorial design, and print applications. This project highlights a creative workflow focused on composition, atmosphere, color harmony, and professional-quality illustration.
010
Darshit Tank @darshittank.bsky.social · 31/07/2026
Top 5 Free AI Image Generators 🚀 Create stunning AI images with zero subscription and no paid plan. Start creating today! 🎨 #AI #ImageGenerator #FreeAI #AITools #DigitalArt
Infographic titled "Top 5 Image Generators for Free" featuring five AI image generation tools that require no subscription or paid plan: Microsoft Bing Image Creator, Canva AI Image Generator, Google Gemini Image Generator, Playground AI, and Craiyon. Each tool includes a logo, a sample AI-generated image, and key features such as free access, ease of use, and no subscription requirements. A footer highlights: "100% Free to Use – No Subscription. No Plan. Just Creativity!"
020
Darshit Tank @darshittank.bsky.social · 30/07/2026
🚀 Vercel for Beginners Deploy your web apps in minutes with Vercel—fast, secure, and effortless. Perfect for React, Next.js, and modern web projects. #Vercel #WebDevelopment #NextJS #Frontend #Developer
Step-by-step Vercel guide infographic for developers learning to deploy Next.js, React, and static websites.
030
Darshit Tank @darshittank.bsky.social · 29/07/2026
🚀 CodePen 2.0: The Next Era of Creative Coding Build, test, and share faster with CodePen 2.0. Enjoy a smarter editor, real-time collaboration, improved performance, and better project management. #CodePen #CodePen2 #CreativeCoding #WebDevelopment
Dark-themed promotional graphic for CodePen 2.0 featuring the CodePen logo, a large "2.0" headline, and feature highlights including faster performance, real-time collaboration, a powerful editor, improved project management, and enhanced security. A code editor interface and modern neon accents emphasize creative web development.
030
Darshit Tank @darshittank.bsky.social · 29/07/2026
🚀 WordPress 7.1: Faster, Smarter & More Powerful Discover WordPress 7.1 with improved performance, enhanced Site Editor, greater design flexibility, and stronger security. Build better websites with confidence. #WordPress #WordPress71 #WebDevelopment
Blue promotional graphic for WordPress 7.1 featuring the WordPress logo, large "7.1 Features" headline, and key highlights including Enhanced Site Editor, Performance Boosts, Design Flexibility, and Security & Stability. Modern dashboard illustrations and performance icons reinforce faster, smarter website building.
010
Darshit Tank @darshittank.bsky.social · 24/07/2026
A modern, interactive password generator with glass-morphism UI, real-time strength analysis, and dark/light mode. Made with ❤️ by Darshit Tank (github.com/Darshittank/...) codepen.io/editor/darsh...
codepen.io
Password Generator 🔒
A code demo by Darshit Tank created on CodePen
010
Darshit Tank @darshittank.bsky.social · 23/07/2026
Build Modern Experiences with Stunning UI 🥇 Great design is more than aesthetics — it's about creating meaningful connections. Our team builds modern, responsive, and visually stunning experiences that drive results and set you apart from the competition. codepen.io/darshit_tank...
codepen.io
Build Modern Experiences with Stunning UI 🥇
Great design is more than aesthetics — it's about creating meaningful connections. Our team builds modern, responsive, and visually stunning experience...
010
Darshit Tank @darshittank.bsky.social · 16/07/2026
Overloaded? Try this instead: 🎯 Prioritize 📝 Plan smart 🔍 Focus on one task 🤝 Delegate ❤️ Recharge 🔄 Reflect & improve A clear mind beats a busy mind. Small steps, done consistently, lead to big results. #Productivity #Focus #Mindset #WorkSmarter
031
Darshit Tank @darshittank.bsky.social · 15/07/2026
Next.js - Form App 🚀 Forms don't have to be boring! 😄 Built my first basic form app with Next.js using App Router, React state, and event handling. One small project, one big step forward. 💙 #NextJS #ReactJS #DailyDev #100DaysOfCode #Frontend #Coding #JavaScript #BuildInPublic #LearnToCode
Beginner-friendly Next.js tutorial infographic on a clean white background showing how to build a basic form application step by step. Covers creating a Next.js project, building a form with React state, handling form submission, styling the UI, running the development server, and displaying a success message. Perfect for beginners learning Next.js, React, App Router, frontend development, and modern web development.
1151
Darshit Tank @darshittank.bsky.social · 14/07/2026
🚀 Coming Soon: GSAP Demos Are on the Way! github.com/Darshittank codepen.io/darshit_tank Get ready to level up your web animations! 🚀 Exciting GSAP demo code is on the way..✨ #GSAP #Frontend #Coding #GreenSock #Developer #ComingSoon
A modern landscape promotional graphic with a dark background and vibrant green accents featuring the text "Coming Soon – GSAP Demos Are on the Way!" alongside a superhero-style character representing GSAP and motion graphics.
030
Darshit Tank @darshittank.bsky.social · 14/07/2026
⏰ Time is your greatest asset. Mastering time management helps you stay organized, reduce stress, and boost productivity. 📅 Plan wisely, 🎯 prioritize tasks, and make every workday more efficient and rewarding. 🚀
A clean infographic about office time management featuring a central clock surrounded by productivity tips, including planning the day, prioritizing tasks, managing time blocks, avoiding distractions, and reviewing progress, with icons representing each concept.
010
Darshit Tank @darshittank.bsky.social · 13/07/2026
GSAP for Beginners 🚀 GSAP makes web animations smooth, fast, and easy to create. Start with simple fades, slides, and scaling effects, then build interactive experiences that feel polished & professional. A great tool for every front-end developer learning animation. #GSAP #Frontend #UIUX #Coding
141
Darshit Tank @darshittank.bsky.social · 13/07/2026
Just built a modern tooltip system ✨ Clean HTML, CSS & smooth animations with gradient text and engaging hover effects. Focused on lightweight, reusable UI that scales. #WebDev #Frontend #CSS #UIUX #JavaScript #100DaysOfCode #DevTools roadmap.sh/projects/too...
070
Darshit Tank @darshittank.bsky.social · 13/07/2026
Ready to learn React? 🚀 This beginner guide walks you through installing React, creating your first app with Vite, and running it locally. A perfect starting point for anyone beginning their React journey.
Infographic showing how to install React, create a new project, start the development server, and build a simple "Hello World" React application using beginner-friendly steps.
010
Darshit Tank @darshittank.bsky.social · 12/07/2026
🚀 Just started your Next.js journey? Build your first app in minutes with this simple installation guide! From setting up Node.js to launching your development server. 💙 #NextJS #WebDevelopment #Frontend #JavaScript #ReactJS #Coding #TechCommunity #WebDev #DeveloperLife #OpenSource #BlueSkyDev
This infographic was created with the help of AI to make learning Next.js easier and more engaging. While the visual design is AI-generated, the content has been carefully reviewed and organized to help beginners understand the installation process step by step. My goal is to simplify web development concepts and make learning accessible for everyone. 🚀
12281
Darshit Tank @darshittank.bsky.social · 12/07/2026
Starting React? 📚 Here's a simple folder structure you can use in your next project. Learn how to organize components, pages, assets, hooks, and utilities for cleaner, scalable code.💙 #React #JavaScript #WebDevelopment #Coding
A high-resolution infographic titled "Beginner Guide: React Folder Structure". The poster shows a recommended React project directory with folders such as "src", "components", "pages", "layouts", "assets", "hooks", "context", "utils", and "styles". Each folder includes a brief explanation of its purpose, alongside example files like "App.jsx", "main.jsx", and "package.json". The design uses a dark blue developer theme with the React logo, color-coded sections, and a clean, easy-to-read layout intended to help beginners organize React projects using best practices.
060
Darshit Tank @darshittank.bsky.social · 10/07/2026
Every plugin you install is a vote for slower load times. Choose wisely. #WordPressDev #UnpopularOpinion #WebDev #Gutenberg #CleanCode
030
Darshit Tank @darshittank.bsky.social · 10/07/2026
LexigoTrix - Spell Quick. Think Quicker. 🎮 Play: darshittank.github.io/LexigoTrix/ ❤️ Love this project? ⭐ Star on GitHub | 💬 Comment on CodePen GitHub: github.com/Darshittank/... CodePen: codepen.io/darshit_tank... Made with ❤️ and lots of LexigoTrix! 🎮
LexigoTrix - Spell Quick. Think Quicker.
010
Darshit Tank @darshittank.bsky.social · 10/07/2026
I'm challenging myself to share something useful every week. ✨ UI/UX tips ⚡ Front-end tricks 🤖 AI workflows 🧪 Fun experiments 🎁 Free CodePens & Github projects Hit follow—we'll build cool things together. 🚀 💻 github.com/Darshittank 🎨 codepen.io/darshit_tank #WebDev #Frontend #BuildInPublic
github.com
Darshittank - Overview
Frontend Dev | 12+ yrs | UI • Animations • Performance Building & sharing web experiences 🚀 - Darshittank
0160