<?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: 水未会と</title>
    <description>The latest articles on DEV Community by 水未会と (@_b05e82b34675ee1874d6).</description>
    <link>https://dev.to/_b05e82b34675ee1874d6</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%2F4010667%2F1d0a83cb-53f1-47f5-a2f4-06e2cc017f42.jpg</url>
      <title>DEV Community: 水未会と</title>
      <link>https://dev.to/_b05e82b34675ee1874d6</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/_b05e82b34675ee1874d6"/>
    <language>en</language>
    <item>
      <title>Looking for people to test my behavior ui driven package Nagare</title>
      <dc:creator>水未会と</dc:creator>
      <pubDate>Wed, 01 Jul 2026 09:32:06 +0000</pubDate>
      <link>https://dev.to/_b05e82b34675ee1874d6/looking-for-people-to-test-my-behavior-ui-driven-package-nagare-3bfd</link>
      <guid>https://dev.to/_b05e82b34675ee1874d6/looking-for-people-to-test-my-behavior-ui-driven-package-nagare-3bfd</guid>
      <description>&lt;p&gt;Hey everyone!&lt;/p&gt;

&lt;p&gt;I've been building a frontend library focused on UI behaviors called Nagare (流れ), and I'd really appreciate some honest feedback from other developers.&lt;/p&gt;

&lt;p&gt;The idea is simple: instead of splitting a single interaction across CSS, Tailwind classes, event handlers, animation libraries, and state management, everything for that interaction lives in one place.&lt;/p&gt;

&lt;p&gt;Example:&lt;/p&gt;

&lt;p&gt;soul("button") &lt;br&gt;
.hover({ &lt;br&gt;
  onStart: { &lt;br&gt;
    tw: "scale-105 shadow-xl",&lt;br&gt;
    css: &lt;code&gt;border-radius: 20px&lt;/code&gt;, &lt;br&gt;
    js: function () { console.log("hovered") } &lt;br&gt;
  }, &lt;br&gt;
  onEnd: { &lt;br&gt;
    tw: "scale-100 shadow-none", &lt;br&gt;
    css: &lt;code&gt;border-radius: 12px&lt;/code&gt; &lt;br&gt;
   } &lt;br&gt;
  })&lt;/p&gt;

&lt;p&gt;Each behavior (hover, click, tap, longpress, swipe, drag, scroll, onVisible, onIdle, networkChanged, etc.) can contain:&lt;br&gt;
"tw" for Tailwind classes&lt;br&gt;
"css" with inline "&lt;a class="mentioned-user" href="https://dev.to/if"&gt;@if&lt;/a&gt;/&lt;a class="mentioned-user" href="https://dev.to/else"&gt;@else&lt;/a&gt;"&lt;br&gt;
"js" for custom logic&lt;br&gt;
shared state, templates, presets, delays, and more&lt;/p&gt;

&lt;p&gt;I'm not trying to replace React or Tailwind—Nagare is focused on giving interactions a single home.&lt;/p&gt;

&lt;p&gt;I'd really love feedback on:&lt;br&gt;
Does the API feel intuitive?&lt;br&gt;
Is this something you'd actually use?&lt;br&gt;
What feels unnecessary or confusing?&lt;br&gt;
What would you change before a stable release?&lt;/p&gt;

&lt;p&gt;Repository: &lt;a href="https://github.com/Mizumi25/nagare" rel="noopener noreferrer"&gt;https://github.com/Mizumi25/nagare&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Showcase: &lt;a href="https://nagare-nu.vercel.app/" rel="noopener noreferrer"&gt;https://nagare-nu.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;npm: &lt;a href="https://www.npmjs.com/package/@nagarejs/react" rel="noopener noreferrer"&gt;https://www.npmjs.com/package/@nagarejs/react&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'm mainly looking for honest criticism, not compliments. Thanks!&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn6zghlesk5gl6tsn19d5.jpg" 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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn6zghlesk5gl6tsn19d5.jpg" alt=" " width="720" height="1207"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>react</category>
      <category>npm</category>
    </item>
  </channel>
</rss>
