Animation 同位素的轻量级替代品

我使用它纯粹是因为它的动画用于添加/删除元素

我喜欢当移除的元素淡出时，项目动画同时填充移除元素的位置的效果

问题是，我的网格元素都是固定大小的，我不需要任何过滤功能。我发现同位素有点笨重，可能是因为它的功能很广泛

因此，我正在寻找一种替代方案，即：

• 轻量级
• 光滑的
• 坚固耐用，可生产
• 能够优雅地降级

---

似乎是您在寻找的

总的来说，同位素在大多数情况下都非常灵活，当然这取决于你扔给它的内容量

---

笨拙背后的原因可能是jQuery本身。虽然jQuery是一个惊人的选择器，但由于库中包含的功能太多，它的动画和操作速度都有点欠缺。

我使用jQuery Quicksand，它非常简洁明了，以防有人还在查看

---

. 它与MIT许可证一起响应。

原始答案

如果有人还在找你，你可能还想看看我写的类似jQuery插件，Filterizr。Filterizr是：

• 允许过滤，排序，洗牌和搜索
• 高度可定制（允许用户在过滤时为转换编写自己的CSS效果）
• 使用CSS3转换和转换转换
• 轻量级，~20kb
• 针对移动性能进行优化
• 响应性（与您的媒体查询一起）
• 开源和麻省理工学院许可

在网站上下载链接、教程和文档

---

2019年6月更新：

从那时起，Filterizr取得了长足的进步

它现在是用TypeScript JavaScript编写的，可以在没有jQuery的情况下作为普通JavaScript库使用

---

尽管如此，它仍然允许作为jQuery插件使用，但您仍然可以查阅Filterizr网站，因为它是最新的。

我还搜索了大量带有动画的过滤器：

（看起来又快又好）

（极度抛光）

其他开源软件要么没有这两个功能，要么是可选的可扩展功能，如果您只需要像Macy.js、gridfolio、Tympanus CSS这样的快速动画，就很好了（+包含相等值，-排除相等值）：

• （非常缺乏css转换的文档）

• -（但可能有）

• （值得一提的是HQ CSS专用库）

• （精美的演示）

---

我还发现了同位素砖石画廊的一些替代品

图像照片库最终平铺网格（Wordpress插件）

---

Meow Gallery（+Gallery Block）（Wordpress插件）

Hmmm，您描述的，添加/删除元素，是同位素的过滤“东西”，所以我不确定您如何不需要它。同位素使用Mansonry作为后端。好像是同一个作者写的。@Tombart是的。但是砖石是使用完整同位素包装的轻量级替代品。只要你不需要过滤和动画，光靠砖石就可以了。它真的很好而且很轻。干得好！我将尝试它，因为我有同样的要求，指导您的发展。可怕的插件，我可以使用它与砌体？

            ---------------OR---------------