<?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>DEV Community: kuldeep rajput</title>
    <description>The latest articles on DEV Community by kuldeep rajput (@kuldeeprajput-dev).</description>
    <link>https://dev.to/kuldeeprajput-dev</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3982313%2F5e357a6f-8adc-43d6-b0d2-e47d30b2f28e.jpg</url>
      <title>DEV Community: kuldeep rajput</title>
      <link>https://dev.to/kuldeeprajput-dev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kuldeeprajput-dev"/>
    <language>en</language>
    <item>
      <title>I Built an Open-Source macOS-Inspired Portfolio with Nextjs</title>
      <dc:creator>kuldeep rajput</dc:creator>
      <pubDate>Thu, 16 Jul 2026 17:07:05 +0000</pubDate>
      <link>https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-2h72</link>
      <guid>https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-2h72</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l" class="crayons-story__hidden-navigation-link"&gt;I Built an Open-Source macOS-Inspired Portfolio with Nextjs&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/kuldeeprajput-dev" class="crayons-avatar  crayons-avatar--l  "&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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3982313%2F5e357a6f-8adc-43d6-b0d2-e47d30b2f28e.jpg" alt="kuldeeprajput-dev profile" class="crayons-avatar__image" width="800" height="858"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/kuldeeprajput-dev" class="crayons-story__secondary fw-medium m:hidden"&gt;
              kuldeep rajput
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                kuldeep rajput
                
              
              &lt;div id="story-author-preview-content-4119850" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/kuldeeprajput-dev" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3982313%2F5e357a6f-8adc-43d6-b0d2-e47d30b2f28e.jpg" class="crayons-avatar__image" alt="" width="800" height="858"&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;kuldeep rajput&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Jul 11&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l" id="article-link-4119850"&gt;
          I Built an Open-Source macOS-Inspired Portfolio with Nextjs
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/webdev"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;webdev&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/nextjs"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;nextjs&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/opensource"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;opensource&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/frontend"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;frontend&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;1&lt;span class="hidden s:inline"&gt;&amp;nbsp;reaction&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              

              &lt;span class="hidden s:inline"&gt;Add&amp;nbsp;Comment&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            2 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial crayons-icon c-btn__icon"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success crayons-icon c-btn__icon"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
    </item>
    <item>
      <title>I Built an Open-Source macOS-Inspired Portfolio with Nextjs</title>
      <dc:creator>kuldeep rajput</dc:creator>
      <pubDate>Sat, 11 Jul 2026 12:52:57 +0000</pubDate>
      <link>https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l</link>
      <guid>https://dev.to/kuldeeprajput-dev/i-built-an-open-source-macos-inspired-portfolio-with-nextjs-298l</guid>
      <description>&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fez5n54ogtpeqrnkxqk8o.png" alt="Mobile View 1" width="441" height="789"&gt;&lt;/td&gt;
&lt;td&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fu4k659g8oql23ikp7jj4.png" alt="Mobile View 2" width="800" height="1421"&gt;&lt;/td&gt;
&lt;td&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fzyc7qtrymbtauhm6jo2j.png" alt="Mobile View 3" width="800" height="1421"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Most developer portfolios follow the same structure:&lt;/p&gt;

&lt;p&gt;About → Skills → Projects → Contact&lt;/p&gt;

&lt;p&gt;I wanted to try something different.&lt;/p&gt;

&lt;p&gt;Instead of building another traditional portfolio, I created a &lt;strong&gt;macOS-inspired interactive experience&lt;/strong&gt; where visitors can explore my work through apps, windows, animations, and desktop-like interactions.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I wanted to build
&lt;/h2&gt;

&lt;p&gt;My goal was to make the portfolio feel less like a static website and more like an actual operating system.&lt;/p&gt;

&lt;p&gt;Visitors can interact with different parts of the portfolio instead of only scrolling through sections.&lt;/p&gt;

&lt;p&gt;The project includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;macOS-inspired desktop interface&lt;/li&gt;
&lt;li&gt;Interactive app-like experiences&lt;/li&gt;
&lt;li&gt;Smooth window animations&lt;/li&gt;
&lt;li&gt;Responsive layouts for desktop, tablet, and mobile&lt;/li&gt;
&lt;li&gt;Clean and familiar macOS-style UI&lt;/li&gt;
&lt;li&gt;Open-source code for learning and contributions&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Fully responsive
&lt;/h2&gt;

&lt;p&gt;One of the biggest challenges was making a desktop-inspired experience work properly on smaller devices.&lt;/p&gt;

&lt;p&gt;Desktop interfaces usually depend on large screens, draggable windows, docks, and multiple applications.&lt;/p&gt;

&lt;p&gt;For mobile devices, I had to rethink the layout and interactions instead of simply shrinking the desktop version.&lt;/p&gt;

&lt;p&gt;The result is a responsive experience that adapts across:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Desktop&lt;/li&gt;
&lt;li&gt;Tablet&lt;/li&gt;
&lt;li&gt;Mobile&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Built with
&lt;/h2&gt;

&lt;p&gt;The project uses modern frontend tools, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;TypeScript&lt;/li&gt;
&lt;li&gt;Tailwind CSS&lt;/li&gt;
&lt;li&gt;GSAP&lt;/li&gt;
&lt;li&gt;Zustand&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I focused on keeping the UI smooth while managing multiple interactive components and application states.&lt;/p&gt;

&lt;h2&gt;
  
  
  Open source
&lt;/h2&gt;

&lt;p&gt;The complete project is open source.&lt;/p&gt;

&lt;p&gt;You can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Explore the code&lt;/li&gt;
&lt;li&gt;Learn from the implementation&lt;/li&gt;
&lt;li&gt;Report bugs&lt;/li&gt;
&lt;li&gt;Suggest improvements&lt;/li&gt;
&lt;li&gt;Contribute new apps or features&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🌐 &lt;strong&gt;Live Demo&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://macos-kuldeeprajput.vercel.app" rel="noopener noreferrer"&gt;https://macos-kuldeeprajput.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💻 &lt;strong&gt;Source Code&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/kuldeeprajput-dev/macos-portfolio" rel="noopener noreferrer"&gt;https://github.com/kuldeeprajput-dev/macos-portfolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is still evolving, and I plan to keep improving the performance, UI, applications, and overall experience.&lt;/p&gt;

&lt;p&gt;I would genuinely appreciate feedback from the DEV Community.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>nextjs</category>
      <category>opensource</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
