Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts
Description
Magnet is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts.
New in Magnet 2
- Removed jQuery dependency. Magnet has been rewritten in Vanilla JavaScript.
- A bin- packing algorithm to create gapless layouts for ‘grid’ layout mode.
- A new layout mode ‘grid’ that replaces ‘masonry’ and ‘tiles’, creating gapless layouts that can be filled from left to right or top to bottom.
- Sorting.
- Magnet now emits custom events.
- New methods that extend Magnet’s functionality.
- More options for a deeper customization.
Version Control
Version 2.0.3.
- Fixed: An error that caused the plugin to be unable to get items' sort data, therefore sorting was bugged in some cases.
Version 2.0.2.
- Fixed: A bug that was causing an error when initializing the plugin with JavaScript under certain circumstances, This has been fixed so that the error no longer exists, allowing to initialize with JavaScript normally.
- Fixed: A bug when getting the exact size of an element if it was set in percent. These values were rounded instead of staying as a floating point number, causing layouts to break if elements were rendered in sub-pixels. This has been corrected so that tthe size obtained stays as a floating point number.
Version 2.0.1.
- Fixed: A bug related to Event constructor that was causing the plugin not to work in IE11.
- Fixed: A bug that caused remove method not to remove items for certain arguments types passed.
- Updated: Documentation to 2.0.1.
Version 2.0.0.
- Added: 'grid' layout mode.
- Added: Sorting.
- Added: Events.
- Added: New methods.
- Added: New options.
- Removed: 'masonry', 'tiled' and 'static' layout modes.
- Updated: Documentation to 2.0.0.
Version 1.3.0.
- Updated: Documentation to 1.3.0.
- Added: Static layout mode.
- Added: Methods.
- Fixed: A bug that caused items not to hide when a filter was set via plugin options.
Version 1.2.1.
- Fixed: Issue with masonry layout mode. When first item of the row was higher than the rest of the items in that row, there were white spaces below this items, next row wasn't placed at the correct height.
Version 1.2.0.
- Updated: Documentation to 1.2.0 version.
- Added: New animation types. There are 5 different animations that trigger when filtering occurs. This can be set in options.
- Added: animationType option.
- Changed: Animation on plugin initialitation is removed.
- Changed: Way of getting the width value introduced in 1.1.1 version. Due to changes made to get items' size every time the window resizes, this method was causing a conflict when a filter was clicked.
- Fixed: Issue on masonry layout mode on window resize. This mode and tiled mode have been improved.
- Fixed: Issue when items resized on window resize. This size was expected to be the same as on initialization. Now this values are get every time window resizes.
Version 1.1.2.
- Updated: Documentation with new layout mode.
- Fixed: Small issue when getting exact container width on initialization.
- Added: New layout mode (tiled).
Version 1.1.1.
- Fixed: Issue when getting the value of the width set in percent of an element. jQuery got this value but it rounded to an integer causing layout breaks in some cases. Now, this value is returned as a float.
Version 1.1.0.
- Updated: Documentation with new option and a live demo in the footer
- Fixed: Wrong path on linked js in example
- Fixed: Minor bug setting a clicked filter as active
- Fixed: Minor bug when getting a filter on click event
- Added: New option gutter
Version 1.0.0.
- Released
Categories
Tags
External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.
Products of the Week.
Submit#1
upvote.club
Free Social Media Engagement that Helps Boost Your Content. Upvote Club supports 19 social networks with 100+ engagement actions in one dashboard. Add links to your posts and get free engagement from real users.
SaaS · 16,817 views · 96 clicksSaaS · Week 42 · 16,817 views · 96 clicks
#2
Seenshot App
Free, Fast, MacOS Screenshot app. Make Screenshot cmd+shift+2 and send it via link
Desktop App · 5,782 views · 109 clicksDesktop App · Week 42 · 5,782 views · 109 clicks
#3
Conversational Backlinks for Busy Founders
Place Backlink Relevant Conversation for your domain across Forums and Conversations
Website · 17,601 views · 197 clicksWebsite · Week 42 · 17,601 views · 197 clicks
#4
Substack Posting API
Onboard your Agent to Substack. Write Publish on Substack via API
SaaS · 36,587 views · 185 clicksSaaS · Week 42 · 36,587 views · 185 clicks
#5
codester.com
SocialDesk+: Omnichannel Social Commerce & Business Management Platform This is stronger than simply “Social Commerce and Messaging” because it tells buyers this is a complete business platform, not just a messaging script. Turn Social Conversations Into Sales SocialDesk+ is a complete omnichannel social commerce and business management platform built for businesses that sell and communicate with customers through social media. Instead of switching between WhatsApp, Facebook, Instagram and TikTok, businesses can manage customer conversations, comments, products, leads, follow-ups, automation, teams and business reports from one professional workspace. And because the full source code is included, developers, agencies and entrepreneurs can customize, rebrand and launch SocialDesk+ as their own business solution or SaaS platform. 🚀 Build Your Own Social Commerce Business SocialDesk+ gives you the foundation to launch: - Your own SaaS platform - A white-label social CRM - A social-commerce management system - A customer communication platform - A business messaging solution - A custom solution for clients - A multi-business subscription platform 💬 Connect Your Customers Supported social channels include: WhatsApp • Facebook • Instagram • TikTok Bring supported conversations into one centralized workspace and help businesses respond faster without constantly switching between platforms. 🛍️ More Than a Messaging Platform SocialDesk+ combines communication with the tools businesses need to manage customer opportunities: Inbox Manage customer conversations from connected channels. Comments Monitor and respond to social-media comments. Customers & Leads Organize customer information and potential buyers. Products & Catalog Manage products and give your team quick access to product information. Follow-Ups Make sure potential customers don't get forgotten. Automation Automate repetitive customer questions and responses. AI Assistant Provide AI-assisted communication when configured. Team Management Give managers and staff access to the business workspace. Reports & Analytics Track activity using business reports and analytics. The current product listing already includes these capabilities. 🔥 Why Buyers Will Want It Launch Faster Start with an already-built business platform instead of developing the entire system from zero. Customize Everything The full source code is included, allowing developers to change branding, features, workflows and integrations. Build a SaaS Create multiple business workspaces and offer SocialDesk+ as a subscription-based service. Sell to Businesses Offer it to retailers, restaurants, service businesses, online sellers, agencies and other businesses that communicate with customers through social media. Mobile + Web + Backend This isn't just a mobile UI template. It includes: - Flutter mobile application - Python / FastAPI backend - Web interface - Administration tools - Database infrastructure - API-based architecture - SQLite / PostgreSQL support - Android and iOS project structure 💼 One Platform. Multiple Business Opportunities. For SaaS Entrepreneurs Launch your own subscription platform and allow multiple businesses to operate inside separate workspaces. For Software Agencies Customize and rebrand the platform for clients instead of building an omnichannel business system from scratch. For Developers Use the complete source code as a foundation for your own social-commerce or customer-management product. For Businesses Deploy a dedicated version for your own customer-service and social-commerce operations. 🧩 What's Included Mobile - Flutter / Dart - Android - iOS project Backend - Python - FastAPI - SQLAlchemy - Alembic Database - SQLite - PostgreSQL Web - HTML5 - CSS3 - JavaScript Deployment - Docker - Docker Compose - Production configuration Business Platform - Multi-workspace architecture - Authentication - Teams - Customers - Products - Messaging - Comments - Automation - Reports - Subscriptions - Administration The current listing also documents third-party integrations such as Meta, TikTok, Stripe, Firebase, SMTP and optional OpenAI configuration. ⚡ What Makes SocialDesk+ Different? You're not buying a simple: ❌ Chat UI ❌ WhatsApp clone ❌ Flutter template ❌ Admin dashboard ❌ Basic CRM You're getting a complete business platform foundation that can be customized, branded and commercialized. Connect. Automate. Manage. Grow. SocialDesk+ Omnichannel Social Commerce & Business Management Platform One important change I'd make to the current listing The current page starts with: “A simple guide to managing your social conversations, customers, products and business activity.”
Other · 4,001 views · 32 clicksOther · Week 42 · 4,001 views · 32 clicks
#6
sandbook.app
Sandbook reads EPUB, PDF, web pages and scanned pages aloud with Kokoro TTS, an open neural voice model that runs on your iPhone, free and offline. Choose from 41 natural voices in English, Spanish, French, Italian, Brazilian Portuguese and Hindi and follow each word as it is spoken. Try the same voices in your browser first with the free Kokoro TTS online demo.
Other · 4,000 views · 13 clicksOther · Week 42 · 4,000 views · 13 clicks