<?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: John Joseph Bassey</title>
    <description>The latest articles on DEV Community by John Joseph Bassey (@josephjbassey).</description>
    <link>https://dev.to/josephjbassey</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%2F4023286%2Fd7825d80-62d5-4f32-9137-baec0f9d2260.png</url>
      <title>DEV Community: John Joseph Bassey</title>
      <link>https://dev.to/josephjbassey</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/josephjbassey"/>
    <language>en</language>
    <item>
      <title>[Boost]</title>
      <dc:creator>John Joseph Bassey</dc:creator>
      <pubDate>Thu, 09 Jul 2026 22:52:16 +0000</pubDate>
      <link>https://dev.to/josephjbassey/-5hlo</link>
      <guid>https://dev.to/josephjbassey/-5hlo</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e" class="crayons-story__hidden-navigation-link"&gt;I got tired of Django being left behind in UI, so I built a shadcn/ui equivalent.&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="/josephjbassey" 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%2F4023286%2Fd7825d80-62d5-4f32-9137-baec0f9d2260.png" alt="josephjbassey profile" class="crayons-avatar__image" width="204" height="204"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/josephjbassey" class="crayons-story__secondary fw-medium m:hidden"&gt;
              John Joseph Bassey
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                John Joseph Bassey
                
              
              &lt;div id="story-author-preview-content-4109034" 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="/josephjbassey" 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%2F4023286%2Fd7825d80-62d5-4f32-9137-baec0f9d2260.png" class="crayons-avatar__image" alt="" width="204" height="204"&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;John Joseph Bassey&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/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Jul 9&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/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e" id="article-link-4109034"&gt;
          I got tired of Django being left behind in UI, so I built a shadcn/ui equivalent.
        &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/python"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;python&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/django"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;django&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/llm"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;llm&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/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e#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 got tired of Django being left behind in UI, so I built a shadcn/ui equivalent.</title>
      <dc:creator>John Joseph Bassey</dc:creator>
      <pubDate>Thu, 09 Jul 2026 22:48:29 +0000</pubDate>
      <link>https://dev.to/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e</link>
      <guid>https://dev.to/josephjbassey/i-got-tired-of-django-being-left-behind-in-ui-so-i-built-a-shadcnui-equivalent-3b6e</guid>
      <description>&lt;p&gt;For years, the React and Next.js ecosystems have had a massive advantage: premium, plug-and-play UI components. Tools like shadcn/ui completely changed how developers build interfaces by offering beautifully styled, accessible components with zero vendor lock-in.&lt;/p&gt;

&lt;p&gt;Meanwhile, if you were building a monolith with Django, htmx, and Alpine.js, you were left out in the cold. You either had to wire up custom HTML/CSS from scratch, fight with the complex configurations of heavy runtime libraries, or rely on locked pip packages where changing a simple button color required CSS overrides or forking a repo.&lt;/p&gt;

&lt;p&gt;I realized Django didn't need another heavy library. It needed a delivery system.&lt;/p&gt;

&lt;p&gt;Enter Djinn UI.&lt;/p&gt;

&lt;p&gt;Djinn UI (available now on PyPI) is a CLI-based component registry for Django. It brings the copy-paste ownership model directly to your Python backend.&lt;/p&gt;

&lt;p&gt;How it works:&lt;br&gt;
Instead of adding a dependency to your INSTALLED_APPS, you simply run:&lt;br&gt;
djinn add dashboard&lt;/p&gt;

&lt;p&gt;Djinn drops the raw, perfectly styled HTML and Tailwind code directly into your templates/ folder. It uses native&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight liquid"&gt;&lt;code&gt;&lt;span class="cp"&gt;{%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;include&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;tags. No custom syntax to learn, no runtime overhead. It is your code, and you own it completely.&lt;/p&gt;

&lt;p&gt;Built for the Agentic Era:&lt;br&gt;
We aren't just catching up to React; we are jumping ahead. Djinn UI is the first Django UI system built with AI in mind. It ships with a built-in MCP server. If you use tools like Cursor, you can simply say, "Build a pricing page using my Djinn components," and watch your AI agent scaffold your UI seamlessly.&lt;/p&gt;

&lt;p&gt;Stop wasting weeks building components. Reclaim the power of the monolith.&lt;/p&gt;

&lt;p&gt;Try it out: pip install djinn-ui&lt;br&gt;
Check out the pypi package here: &lt;a href="https://pypi.org/project/djinn-ui/" rel="noopener noreferrer"&gt;https://pypi.org/project/djinn-ui/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>python</category>
      <category>django</category>
      <category>llm</category>
    </item>
  </channel>
</rss>
