<?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: Oluwafemi Adelekan</title>
    <description>The latest articles on Forem by Oluwafemi Adelekan (@oluwafemi_adelekan_243070).</description>
    <link>https://forem.com/oluwafemi_adelekan_243070</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%2F3270921%2Fd3edd0d6-5852-4d27-805a-6612b289b4c1.jpg</url>
      <title>Forem: Oluwafemi Adelekan</title>
      <link>https://forem.com/oluwafemi_adelekan_243070</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/oluwafemi_adelekan_243070"/>
    <language>en</language>
    <item>
      <title>Deck 11: Free Open‑Source Card Pack for Figma</title>
      <dc:creator>Oluwafemi Adelekan</dc:creator>
      <pubDate>Thu, 30 Oct 2025 05:04:46 +0000</pubDate>
      <link>https://forem.com/oluwafemi_adelekan_243070/deck-11-free-open-source-card-pack-for-figma-44gk</link>
      <guid>https://forem.com/oluwafemi_adelekan_243070/deck-11-free-open-source-card-pack-for-figma-44gk</guid>
      <description>&lt;p&gt;I just published Deck 11, a free and open‑source pack of 11 unique card components for Figma.&lt;/p&gt;

&lt;p&gt;The goal was to create a set of reusable, modern cards that make it easier to design dashboards, profiles, product previews, and more. Each card is fully editable, consistent, and ready to drop into your next project.&lt;/p&gt;

&lt;p&gt;✨ What’s inside:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;11 clean, versatile card layouts&lt;/li&gt;
&lt;li&gt;Built for quick prototyping and polished UI work&lt;/li&gt;
&lt;li&gt;100% free and open‑source&lt;/li&gt;
&lt;li&gt;Easy to customize in Figma&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’d love for you to try it out, remix it, and share feedback. The idea is to help designers and developers move faster while keeping designs consistent.&lt;/p&gt;

&lt;p&gt;👉 Check it out on Figma Community and let me know what you think! &lt;a href="https://www.figma.com/community/file/1565590251505924591" rel="noopener noreferrer"&gt;https://www.figma.com/community/file/1565590251505924591&lt;/a&gt;&lt;/p&gt;

</description>
      <category>figma</category>
      <category>opensource</category>
      <category>design</category>
      <category>productivity</category>
    </item>
    <item>
      <title>🥛</title>
      <dc:creator>Oluwafemi Adelekan</dc:creator>
      <pubDate>Tue, 01 Jul 2025 10:07:07 +0000</pubDate>
      <link>https://forem.com/oluwafemi_adelekan_243070/-259g</link>
      <guid>https://forem.com/oluwafemi_adelekan_243070/-259g</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac" class="crayons-story__hidden-navigation-link"&gt;Building Fluid Interfaces with "Liquid Glass" – Open Source on Figma&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="/oluwafemi_adelekan_243070" 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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3270921%2Fd3edd0d6-5852-4d27-805a-6612b289b4c1.jpg" alt="oluwafemi_adelekan_243070 profile" class="crayons-avatar__image"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/oluwafemi_adelekan_243070" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Oluwafemi Adelekan
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Oluwafemi Adelekan
                
              
              &lt;div id="story-author-preview-content-2642700" 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="/oluwafemi_adelekan_243070" 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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3270921%2Fd3edd0d6-5852-4d27-805a-6612b289b4c1.jpg" class="crayons-avatar__image" alt=""&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Oluwafemi Adelekan&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/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Jul 1 '25&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/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac" id="article-link-2642700"&gt;
          Building Fluid Interfaces with "Liquid Glass" – Open Source on Figma
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/liquidglass"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;liquidglass&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/ui"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;ui&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/figma"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;figma&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;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac" 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="18" height="18"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;3&lt;span class="hidden s:inline"&gt; reactions&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              2&lt;span class="hidden s:inline"&gt; comments&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;
            1 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

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

&lt;/div&gt;


</description>
      <category>liquidglass</category>
      <category>ui</category>
      <category>figma</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Building Fluid Interfaces with "Liquid Glass" – Open Source on Figma</title>
      <dc:creator>Oluwafemi Adelekan</dc:creator>
      <pubDate>Tue, 01 Jul 2025 10:06:26 +0000</pubDate>
      <link>https://forem.com/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac</link>
      <guid>https://forem.com/oluwafemi_adelekan_243070/building-fluid-interfaces-with-liquid-glass-open-source-on-figma-52ac</guid>
      <description>&lt;p&gt;Ever wanted your UI to feel tangible and visually fluid? Inspired by Apple's latest design shift, I created Liquid Glass—a free Figma component that mimics digital glass effects with smooth transitions, layered depth, and motion clarity.&lt;/p&gt;

&lt;p&gt;Perfect for building interactive dashboards, slick product displays, or future-facing UI systems.&lt;/p&gt;

&lt;p&gt;What’s inside:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Glass-inspired overlays with subtle blur effects&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Motion transitions for hover and click states&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Modular components, customizable for any layout&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Free to use, remix, or contribute&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Explore it on Figma Community and bring elevated motion into your next interface.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/1521815105197434985" rel="noopener noreferrer"&gt;https://www.figma.com/community/file/1521815105197434985&lt;/a&gt;&lt;/p&gt;

</description>
      <category>liquidglass</category>
      <category>ui</category>
      <category>figma</category>
      <category>opensource</category>
    </item>
    <item>
      <title>UI Interactions - Seamless Micro-Animations for Better UX</title>
      <dc:creator>Oluwafemi Adelekan</dc:creator>
      <pubDate>Tue, 17 Jun 2025 17:50:47 +0000</pubDate>
      <link>https://forem.com/oluwafemi_adelekan_243070/ui-interactions-seamless-micro-animations-for-better-ux-1ap9</link>
      <guid>https://forem.com/oluwafemi_adelekan_243070/ui-interactions-seamless-micro-animations-for-better-ux-1ap9</guid>
      <description>&lt;p&gt;Looking to enhance UI workflows without disrupting the layout? UI Interactions is an open-source Figma project offering intuitive, inline micro-animations that improve usability without requiring overlays or modal pop-ups.&lt;/p&gt;

&lt;p&gt;Features:&lt;br&gt;
Inline CTA Confirmation – Dropdown selections display confirmation options within the same row.&lt;/p&gt;

&lt;p&gt;Table Edit Mode – Modify table fields inline without switching views.&lt;/p&gt;

&lt;p&gt;Collapsible Notification List – Toggle between compact and expanded states for cleaner organization.&lt;/p&gt;

&lt;p&gt;Add to Cart Animation – A smooth visual cue reinforcing item placement in the cart.&lt;/p&gt;

&lt;p&gt;Inline List Stack Edit – Refresh or delete investment options with confirmation prompts appearing inline.&lt;/p&gt;

&lt;p&gt;Why Use It?&lt;br&gt;
Improves user experience by keeping actions fluid and uninterrupted.&lt;/p&gt;

&lt;p&gt;Lightweight animations that integrate seamlessly into any design.&lt;/p&gt;

&lt;p&gt;Free &amp;amp; Open Source – Available on Figma Community.&lt;/p&gt;

&lt;p&gt;Try it out today! &lt;a href="https://www.figma.com/community/file/1516470666647387231/ui-interactions-free-seamless-micro-animations-for-better-ux" rel="noopener noreferrer"&gt;https://www.figma.com/community/file/1516470666647387231/ui-interactions-free-seamless-micro-animations-for-better-ux&lt;/a&gt;&lt;/p&gt;

</description>
      <category>uxdesign</category>
      <category>frontend</category>
      <category>figma</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
