<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Naimesh Rao</title>
    <description>The latest articles on Forem by Naimesh Rao (@naimeshrao).</description>
    <link>https://forem.com/naimeshrao</link>
    <image>
      <url>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%2F3811768%2F80bc4d2f-abbc-4310-9db6-f4bea1f1a016.png</url>
      <title>Forem: Naimesh Rao</title>
      <link>https://forem.com/naimeshrao</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/naimeshrao"/>
    <language>en</language>
    <item>
      <title>🌍 RTL Arabic Style UI</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:22:20 +0000</pubDate>
      <link>https://forem.com/naimeshrao/rtl-arabic-style-ui-2cj5</link>
      <guid>https://forem.com/naimeshrao/rtl-arabic-style-ui-2cj5</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/VYmzXwO" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/VYmzXwO&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Left-to-right is not the whole internet 😄&lt;/p&gt;

&lt;p&gt;Create a modern RTL webpage with clean layouts, proper text flow, and responsive design support for Arabic, Urdu, and Hebrew interfaces.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsz7f3trkx152zv3mpmcn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsz7f3trkx152zv3mpmcn.png" alt=" " width="799" height="292"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>css</category>
      <category>learning</category>
      <category>codepen</category>
    </item>
    <item>
      <title>⌛ Modern Skeleton Loading</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:18:50 +0000</pubDate>
      <link>https://forem.com/naimeshrao/modern-skeleton-loading-e2b</link>
      <guid>https://forem.com/naimeshrao/modern-skeleton-loading-e2b</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/NPbjwwz" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/NPbjwwz&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Users hate waiting… but stylish fake loading somehow feels acceptable.&lt;/p&gt;

&lt;p&gt;Build modern skeleton loading screens that make apps feel faster, smoother, and more polished while content loads in the background.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0feoydc8qz3f9af8xes.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0feoydc8qz3f9af8xes.png" alt=" " width="799" height="214"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>animation</category>
    </item>
    <item>
      <title>✨ Modern Scroll Reveal JS</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:16:51 +0000</pubDate>
      <link>https://forem.com/naimeshrao/modern-scroll-reveal-js-7h0</link>
      <guid>https://forem.com/naimeshrao/modern-scroll-reveal-js-7h0</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/RNoVOzv" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/RNoVOzv&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Static pages are fine… until animations start showing off while scrolling.&lt;/p&gt;

&lt;p&gt;Create smooth scroll-triggered UI animations using JavaScript for modern landing pages, portfolios, and interactive web experiences.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffutwmmnz7p2vhc5gn5up.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffutwmmnz7p2vhc5gn5up.png" alt=" " width="800" height="279"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
      <category>animation</category>
    </item>
    <item>
      <title>🎬 Animated UI with Lottie</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:14:58 +0000</pubDate>
      <link>https://forem.com/naimeshrao/animated-ui-with-lottie-3c00</link>
      <guid>https://forem.com/naimeshrao/animated-ui-with-lottie-3c00</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/raWzJwm" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/raWzJwm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Why use giant videos when tiny JSON animations can do the same job smoother.&lt;/p&gt;

&lt;p&gt;Add beautiful lightweight Lottie animations to your UI for loaders, empty states, onboarding screens, and interactive experiences.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feykv8u3rpqntjatks7bi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feykv8u3rpqntjatks7bi.png" alt=" " width="800" height="363"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>learning</category>
      <category>codepen</category>
      <category>animation</category>
    </item>
    <item>
      <title>🌐 JS Fetch API Requests</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:12:54 +0000</pubDate>
      <link>https://forem.com/naimeshrao/js-fetch-api-requests-419o</link>
      <guid>https://forem.com/naimeshrao/js-fetch-api-requests-419o</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/EaNmOWq" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/EaNmOWq&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Refreshing the whole page for new data? That’s vintage web design.&lt;/p&gt;

&lt;p&gt;Learn how to fetch API data using modern JavaScript with async requests, dynamic rendering, and cleaner frontend workflows.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjah8a22ekyg8r2m9hnek.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjah8a22ekyg8r2m9hnek.png" alt=" " width="800" height="275"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
    </item>
    <item>
      <title>📜 Infinite Scroll Feed</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:10:50 +0000</pubDate>
      <link>https://forem.com/naimeshrao/infinite-scroll-feed-9en</link>
      <guid>https://forem.com/naimeshrao/infinite-scroll-feed-9en</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/pvNPWGL" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/pvNPWGL&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;One scroll turns into twenty… and suddenly it’s 2 AM 😄&lt;/p&gt;

&lt;p&gt;Create a smooth infinite scrolling feed that loads content dynamically for modern social, blog, or gallery layouts.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuqdg8cio13l1e84qyavr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuqdg8cio13l1e84qyavr.png" alt=" " width="799" height="234"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
    </item>
    <item>
      <title>⚡ Smart Debounced Search</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:08:46 +0000</pubDate>
      <link>https://forem.com/naimeshrao/smart-debounced-search-1i4c</link>
      <guid>https://forem.com/naimeshrao/smart-debounced-search-1i4c</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/VYmbOmR" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/VYmbOmR&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Without debouncing, every keystroke acts like an emergency meeting.&lt;/p&gt;

&lt;p&gt;Build a smarter live search input that waits before firing requests for smoother UX and better performance.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh6t7a0tp0gssldww60mp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh6t7a0tp0gssldww60mp.png" alt=" " width="799" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
    </item>
    <item>
      <title>📝 Instant Auto Save Notes</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:06:25 +0000</pubDate>
      <link>https://forem.com/naimeshrao/instant-auto-save-notes-5e19</link>
      <guid>https://forem.com/naimeshrao/instant-auto-save-notes-5e19</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/EaNmwMM" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/EaNmwMM&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Because losing notes after refreshing the page is a modern tragedy.&lt;/p&gt;

&lt;p&gt;Create a smart notes app that automatically saves content while typing using JavaScript and localStorage.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvf7nyawns60rlfi6xlps.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvf7nyawns60rlfi6xlps.png" alt=" " width="800" height="377"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
    </item>
    <item>
      <title>🔢 JS Array Playground</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:03:39 +0000</pubDate>
      <link>https://forem.com/naimeshrao/js-array-playground-5e8m</link>
      <guid>https://forem.com/naimeshrao/js-array-playground-5e8m</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/qEqmgKv" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/qEqmgKv&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Learning array becomes way easier when you can actually play with them.&lt;/p&gt;

&lt;p&gt;Experiment with map(), filter(), reduce(), find(), and more in an interactive JavaScript learning lab.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh6tvb35xqk53zsmhom6a.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh6tvb35xqk53zsmhom6a.png" alt=" " width="800" height="243"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>codepen</category>
      <category>learning</category>
    </item>
    <item>
      <title>🖱️ JS Context Menu UI</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Sun, 24 May 2026 19:00:55 +0000</pubDate>
      <link>https://forem.com/naimeshrao/js-context-menu-ui-2d5</link>
      <guid>https://forem.com/naimeshrao/js-context-menu-ui-2d5</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/RNoVLjw" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/RNoVLjw&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The browser context menu is nice... until you want your own rules 😄&lt;/p&gt;

&lt;p&gt;Build a modern custom right-click menu with smooth interactions and app-like UI using vanilla JavaScript.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn43oj8p2ct2gxqr2pvp9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn43oj8p2ct2gxqr2pvp9.png" alt=" " width="800" height="379"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>mouse</category>
      <category>ui</category>
    </item>
    <item>
      <title>🍯 Honeycomb Layout (CSS)</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Mon, 16 Mar 2026 08:21:13 +0000</pubDate>
      <link>https://forem.com/naimeshrao/honeycomb-layout-css-42cb</link>
      <guid>https://forem.com/naimeshrao/honeycomb-layout-css-42cb</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/EagVEGR" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/EagVEGR&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Create a stylish hexagon grid layout using modern CSS. Perfect for portfolios, galleries, or feature sections to display content in a unique honeycomb pattern.&lt;/p&gt;

&lt;p&gt;Lightweight, responsive, and built without heavy JavaScript.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmkh8oeaau7ym8xba5690.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmkh8oeaau7ym8xba5690.png" alt=" " width="800" height="330"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>honeycomb</category>
      <category>css</category>
      <category>layout</category>
      <category>codepen</category>
    </item>
    <item>
      <title>🌈 Animated CSS Gradient Text Effect</title>
      <dc:creator>Naimesh Rao</dc:creator>
      <pubDate>Mon, 16 Mar 2026 08:17:01 +0000</pubDate>
      <link>https://forem.com/naimeshrao/animated-css-gradient-text-effect-3eg4</link>
      <guid>https://forem.com/naimeshrao/animated-css-gradient-text-effect-3eg4</guid>
      <description>&lt;p&gt;👉 &lt;a href="https://codepen.io/naimeshrao/full/MYjaRLz" rel="noopener noreferrer"&gt;https://codepen.io/naimeshrao/full/MYjaRLz&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Create eye-catching text using animated gradients in pure CSS. Perfect for hero titles, headings, and branding elements to make UI more vibrant and modern.&lt;/p&gt;

&lt;p&gt;Lightweight and works smoothly across modern browsers.&lt;/p&gt;

</description>
      <category>css</category>
      <category>animation</category>
      <category>effect</category>
      <category>codepen</category>
    </item>
  </channel>
</rss>
