<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="344213" data-post-id="344213">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group quote-modified" data-username="cmo" data-post="7" data-topic="67050" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/cmo/48/19618_2.png" class="avatar"> cmo:</div>
<blockquote>
<p>I’m talking about the examples on the Chelekom homepage (<a href="https://mishka.tools/chelekom" rel="noopener nofollow ugc">Chelekom - Phoenix &amp; LiveView UI kit and components </a>). See the <code>class</code> attribute on the <code>gallery</code> example and the <code>phx-click</code> on the other.</p>
</blockquote>
</aside>
<p>Thank you for reports <img src="https://forum.elixirforum.com/images/emoji/apple/folded_hands/2.png?v=15" title=":folded_hands:t2:" class="emoji" alt=":folded_hands:t2:" loading="lazy" width="20" height="20">, I think I fixed the issues.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="344213" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-344213" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="344213"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="344252" data-post-id="344252">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="alvinru" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  alvinru
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>There’s a typo on the Progress documentation page</p><aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/chelekom/docs/progress">
  <header class="source">

      <a href="https://mishka.tools/chelekom/docs/progress" target="_blank" rel="noopener nofollow ugc">Mishka</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/245;"><img src="https://mishka.tools/images/docs/chelekom/progress.png" class="thumbnail" alt="" width="690" height="246"></div>

<h3><a href="https://mishka.tools/chelekom/docs/progress" target="_blank" rel="noopener nofollow ugc">Progress - Chelekom Phoenix &amp; LiveView component</a></h3>

  <p>Interactive progress bars for Phoenix LiveView with horizontal and vertical options, colors, sizes, gradients, and chunked or segmented progress sections.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p><code>&lt;.progress color="white" value10} /&gt;</code></p>
<p>EDIT: “Mishka” means ‘(little) bear’ in Russian, by the way. I was sure it was a Russian word <img src="https://forum.elixirforum.com/images/emoji/apple/slightly_smiling_face.png?v=15" title=":slightly_smiling_face:" class="emoji" alt=":slightly_smiling_face:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="344252" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-344252" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="344252"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="344265" data-post-id="344265">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thank you for this report. we fixed it.</p>
<aside class="quote no-group" data-username="alvinru" data-post="13" data-topic="67050">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/a/e8c25b/48.png" class="avatar"> alvinru:</div>
<blockquote>
<p>EDIT: “Mishka” means ‘(little) bear’ in Russian, by the way. I was sure it was a Russian word <img src="https://forum.elixirforum.com/images/emoji/apple/slightly_smiling_face.png?v=15" title=":slightly_smiling_face:" class="emoji" alt=":slightly_smiling_face:" loading="lazy" width="20" height="20"></p>
</blockquote>
</aside>
<p><img src="https://forum.elixirforum.com/images/emoji/apple/joy.png?v=15" title=":joy:" class="emoji" alt=":joy:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/joy.png?v=15" title=":joy:" class="emoji" alt=":joy:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/joy.png?v=15" title=":joy:" class="emoji" alt=":joy:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/joy.png?v=15" title=":joy:" class="emoji" alt=":joy:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/joy.png?v=15" title=":joy:" class="emoji" alt=":joy:" loading="lazy" width="20" height="20"> intersting, we call bear “Ash” <img src="https://forum.elixirforum.com/images/emoji/apple/rofl.png?v=15" title=":rofl:" class="emoji" alt=":rofl:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="344265" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-344265" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="344265"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="353452" data-post-id="353452">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"> After 2+ months of full-time work, we’re excited to announce that Mishka Chelekom library v0.0.2 is out! <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"> With 80+ improved components and dark mode support, it’s better than ever. <img src="https://forum.elixirforum.com/images/emoji/apple/glowing_star.png?v=15" title=":glowing_star:" class="emoji" alt=":glowing_star:" loading="lazy" width="20" height="20"> Stay tuned for video content soon. <img src="https://forum.elixirforum.com/images/emoji/apple/movie_camera.png?v=15" title=":movie_camera:" class="emoji" alt=":movie_camera:" loading="lazy" width="20" height="20"><br>
I will update this post.</p>
<h3><a name="p-353452-note-1" class="anchor" href="#p-353452-note-1" aria-label="Heading link" rel="nofollow"></a>Note:</h3>
<blockquote>
<p><strong>Please Donate Mishka Chelekom, it is free and open-source and think it is your project.</strong></p>
</blockquote>
<hr>
<p>Github: <a href="https://github.com/mishka-group/mishka_chelekom" class="inline-onebox" rel="noopener nofollow ugc">GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix &amp; Phoenix LiveView · GitHub</a><br>
Hex: <a href="https://hex.pm/packages/mishka_chelekom/0.0.2" class="inline-onebox" rel="nofollow">mishka_chelekom | Hex</a><br>
Design system: <a href="https://mishka.tools/chelekom/docs/design-system" class="inline-onebox" rel="noopener nofollow ugc">Design system - Chelekom Phoenix UIKit and components</a></p>
<p><strong>Changelog for MishkaChelekom 0.0.2</strong>:</p>
<p><a href="https://github.com/mishka-group/mishka_chelekom/blob/master/CHANGELOG.md#changelog-for-mishkachelekom-002" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/mishka-group/mishka_chelekom/blob/master/CHANGELOG.md#changelog-for-mishkachelekom-002</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353452" data-batch-url="/posts/batch_likers">
                        14
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-353452" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353452"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="354882" data-post-id="354882">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’m happy to announce that we have also released the community edition of this library!</p>
<p>In this version, you will have several features:</p>
<ol>
<li>You can easily share a component with your colleagues. To facilitate this, we have created a CLI.</li>
<li>In addition to the <strong>Core Components</strong>, which include more than 80 components, we have converted free designs from some Figma files into Phoenix components. You don’t need to install them separately every time—just download them directly from the repository and add them to your project.</li>
</ol>
<p>This is just the beginning of the available features, marking a significant step toward covering various needs with fully prepared components.</p>
<p>Watch the video below to see how this CLI works.</p>
<div class="youtube-onebox lazy-video-container" data-video-id="H5i38OtzCHo" data-video-title="The first demo of the Mishka Chelekom Community beta version!" data-video-start-time="" data-provider-name="youtube">
  <a href="https://www.youtube.com/watch?v=H5i38OtzCHo" target="_blank" class="video-thumbnail" rel="noopener nofollow ugc">
    <img class="youtube-thumbnail" src="https://img.youtube.com/vi/H5i38OtzCHo/maxresdefault.jpg" title="The first demo of the Mishka Chelekom Community beta version!" width="690" height="388">
  </a>
</div>

<h3><a name="p-354882-repo-1" class="anchor" href="#p-354882-repo-1" aria-label="Heading link" rel="nofollow"></a>Repo</h3>
<p><a href="https://github.com/mishka-group/mishka_chelekom_community" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/mishka-group/mishka_chelekom_community</a></p>
<p><strong>We recommend to install last version</strong></p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.4-alpha.1", only: :dev}
</code></pre>
<p>For sharing components we support these <code>gist</code>, <code>github</code>, <code>url</code></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354882" data-batch-url="/posts/batch_likers">
                        7
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-354882" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354882"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #15"></div>
  </section>
</div>
    <div class="postbit" id="358849" data-post-id="358849">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>We’re close to releasing the new version of Mishka Chelekom! <img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/partying_face.png?v=15" title=":partying_face:" class="emoji" alt=":partying_face:" loading="lazy" width="20" height="20">, If you’ve integrated it into your app and faced issues, let us know. Just install:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.4-beta.1", only: :dev}
</code></pre>
<p>and run:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.components --import --helpers --global
</code></pre>
<p><strong>Your reviews and tests help us ensure that this version is a complete replacement for the Phoenix core component and that nothing has been overlooked.</strong></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="358849" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-358849" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="358849"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="360359" data-post-id="360359">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"> Excited to announce Mishka Chelekom v0.0.4 is out!<br>
Now with ComboBox support and tons of updates. Don’t miss it! <img src="https://forum.elixirforum.com/images/emoji/apple/sparkles.png?v=15" title=":sparkles:" class="emoji" alt=":sparkles:" loading="lazy" width="20" height="20"><br>
<img src="https://forum.elixirforum.com/images/emoji/apple/fire.png?v=15" title=":fire:" class="emoji" alt=":fire:" loading="lazy" width="20" height="20"> Bonus: You can install it now via Igniter Installer!<br>
<img src="https://forum.elixirforum.com/images/emoji/apple/page_facing_up.png?v=15" title=":page_facing_up:" class="emoji" alt=":page_facing_up:" loading="lazy" width="20" height="20"> You can find all the changes in this version in the article below <img src="https://forum.elixirforum.com/images/emoji/apple/backhand_index_pointing_down.png?v=15" title=":backhand_index_pointing_down:" class="emoji" alt=":backhand_index_pointing_down:" loading="lazy" width="20" height="20"></p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.4-with-support-for-the-latest-phoenix-liveview">
  <header class="source">

      <a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.4-with-support-for-the-latest-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">Mishka</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/245;"><img src="https://mishka.tools/images/blog/mishka-chelekom-0.0.4.jpg" class="thumbnail" alt="" width="690" height="393"></div>

<h3><a href="https://mishka.tools/blog/introducing-mishka-chelekom-v0.0.4-with-support-for-the-latest-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">Introducing Mishka Chelekom v0.0.4 with Support for the Latest Phoenix LiveView</a></h3>

  <p>Introducing Mishka Chelekom v0.0.4 - A customizable UI library for Elixir and Phoenix LiveView with enhanced CLI tools, dark mode support, JavaScript parsing, and full component isolation—designed for seamless integration and future accessibility.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>Github: <a href="https://github.com/mishka-group/mishka_chelekom" class="inline-onebox" rel="noopener nofollow ugc">GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix &amp; Phoenix LiveView · GitHub</a><br>
Hex: <a href="https://hex.pm/packages/mishka_chelekom/0.0.4" class="inline-onebox" rel="nofollow">mishka_chelekom | Hex</a><br>
CHANGELOG: <a href="https://github.com/mishka-group/mishka_chelekom/blob/master/CHANGELOG.md" class="inline-onebox" rel="noopener nofollow ugc">mishka_chelekom/CHANGELOG.md at master · mishka-group/mishka_chelekom · GitHub</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360359" data-batch-url="/posts/batch_likers">
                        11
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-360359" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360359"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #17"></div>
  </section>
</div>
    <div class="postbit" id="360446" data-post-id="360446">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="zachdaniel" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/zachdaniel/120/31980_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  zachdaniel
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Ash</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>We also now support choosing Mishka Chelekom as part of the <a href="https://ash-hq.org" rel="noopener nofollow ugc">https://ash-hq.org</a> installer <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="360446" data-batch-url="/posts/batch_likers">
                        10
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-360446" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="360446"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #18"></div>
  </section>
</div>
    <div class="postbit" id="363018" data-post-id="363018">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>It seems that some points might not have been fully understood — for example, this project is designed to let you add each component individually to your project. That means it can be used alongside other libraries, or it can completely replace the Phoenix core components if needed.</p>
<p>I’ll briefly go over a few of these points here. By the way, we’re releasing a new version in less than two weeks, with a bunch of new components and basic accessibility implemented across all of them.</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://mishka.tools/blog/best-ui-components-library-for-phoenix-and-phoenix-liveview">
  <header class="source">

      <a href="https://mishka.tools/blog/best-ui-components-library-for-phoenix-and-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">Mishka</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/245;"><img src="https://mishka.tools/images/blog/best-ui-library-for-phoenix-and-phoenix-liveview-components.jpg" class="thumbnail" alt="" width="690" height="302"></div>

<h3><a href="https://mishka.tools/blog/best-ui-components-library-for-phoenix-and-phoenix-liveview" target="_blank" rel="noopener nofollow ugc">Best UI Components library for Phoenix and Phoenix LiveView</a></h3>

  <p>Mishka Chelekom is the Best UI Components library for Phoenix and Phoenix LiveView, a powerful and fully open-source UI library for Elixir and Phoenix LiveView, featuring over 90 customizable Tailwind-based components, dark/light mode support, full...</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>By the way, we’ve started offering support on the Elixir Slack. You can search for <strong><a class="hashtag-cooked" href="/tag/mishka/4366" data-type="tag" data-slug="mishka" data-id="4366" data-style-type="icon" data-icon="tag" rel="nofollow"><span class="hashtag-icon-placeholder"><svg class="fa d-icon d-icon-square-full svg-icon svg-node"><use href="#square-full"></use></svg></span><span>mishka</span></a></strong> or join directly using the link below:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">https://elixir-lang.slack.com/archives/C08N0U2697W
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="363018" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-363018" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="363018"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #19"></div>
  </section>
</div>
    <div class="postbit" id="363522" data-post-id="363522">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="shahryarjb" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/shahryarjb/120/39485_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  shahryarjb
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hey dear friends! <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"> We’ve implemented basic accessibility <img src="https://forum.elixirforum.com/images/emoji/apple/wheelchair_symbol.png?v=15" title=":wheelchair_symbol:" class="emoji" alt=":wheelchair_symbol:" loading="lazy" width="20" height="20"> across all our components!<br>
You can now access it in version 0.0.5-alpha.12. <img src="https://forum.elixirforum.com/images/emoji/apple/sparkles.png?v=15" title=":sparkles:" class="emoji" alt=":sparkles:" loading="lazy" width="20" height="20"> Plus, we’ve squashed a lot of bugs! <img src="https://forum.elixirforum.com/images/emoji/apple/bug.png?v=15" title=":bug:" class="emoji" alt=":bug:" loading="lazy" width="20" height="20"> <img src="https://forum.elixirforum.com/images/emoji/apple/white_check_mark.png?v=15" title=":white_check_mark:" class="emoji" alt=":white_check_mark:" loading="lazy" width="20" height="20"></p>
<p>Please help us to test before releasing! <img src="https://forum.elixirforum.com/images/emoji/apple/folded_hands/2.png?v=15" title=":folded_hands:t2:" class="emoji" alt=":folded_hands:t2:" loading="lazy" width="20" height="20"></p>
<h4><a name="p-363522-first-installupdate-1" class="anchor" href="#p-363522-first-installupdate-1" aria-label="Heading link" rel="nofollow"></a>First install/update</h4>
<pre data-code-wrap="elixir"><code class="lang-elixir">{:mishka_chelekom, "~&gt; 0.0.5-alpha.12", only: :dev}
</code></pre>
<h4><a name="p-363522-after-that-run-2" class="anchor" href="#p-363522-after-that-run-2" aria-label="Heading link" rel="nofollow"></a>After that run</h4>
<pre data-code-wrap="elixir"><code class="lang-elixir">mix mishka.ui.gen.components --import --helpers --global
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="363522" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/mishka-chelekom-phoenix-and-liveview-ui-kit-and-components/67050/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-363522" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="363522"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #20"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/67050/load_more?page=3">Load more posts (36 remaining)</a>
</div></template></turbo-stream>