--- title: Smart Grid Demo | Ratings, Favorites, Social Feeds & Filters description: Explore Smart Grid in action with ratings, favorites, live social feeds, dynamic content, search, filters, layouts and responsive cards. --- A YOOzeCase Company · v3 build 3.0.26 # Smart Grid The YOOtheme Pro element that thinks it’s a Swiss Army knife and is mostly right about that. One element pulls from four content sources and eight social platforms, then styles, filters, sorts, favourites and plays it all on one beautifully cohesive grid. [Get Smart Grid](https://www.yoozecase.com/smart-grid) “If your last YOOtheme grid element was a rectangle, congratulations — you’ve been dating beneath you.” 1 element 4 content sources 8 social platforms 12 layout presets Live demo — really live ## Try the grid your visitors will Filter by tag, search as you type, heart your favourites, flip a card, hit play. Everything below is the real interaction model, one media plays at a time, automatically. ![Epic Slider](https://www.yoozecase.com/files/epic-slider.png) [![Epic Slider](https://www.yoozecase.com/files/epic-slider.png)](https://www.yoozecase.com/epic-slider?app_id=1) ### [Epic Slider](https://www.yoozecase.com/epic-slider?app_id=1) Epic Slider is a premium slideshow element for YOOtheme Pro with 34 cinematic transitions, moving text, video slides and a real page-curl. Works in Joomla and WordPress, with no extra frameworks. [Read more](https://www.yoozecase.com/epic-slider) [See demo](https://www.yoozecase.com/epic-slider-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/a0af2f20-fc91-43f6-b972-34dc8fec90d9) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/0b94eea1-11d6-43c8-8d97-28a8efdde8e0) ![Frequently Asked Accordion](https://www.yoozecase.com/files/Frequently_asked_accordion.png) [![Frequently Asked Accordion](https://www.yoozecase.com/files/Frequently_asked_accordion.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1) ### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1) YOOtheme Pro Best Accordion Element & FAQ Plugin. Don't ask. Just install! [Read more](https://www.yoozecase.com/frequently-asked-accordion) [See demo](https://www.yoozecase.com/frequently-asked-accordion-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/3dbb327d-eef2-475c-965a-62a5cb040d70) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/0e929a2b-779f-49d0-85b5-db131b64b2a5) ![Crazy Highlights 'n Doodles](https://www.yoozecase.com/files/crazy-highlights-n-doodles.png) [![Crazy Highlights 'n Doodles](https://www.yoozecase.com/files/crazy-highlights-n-doodles.png)](https://www.yoozecase.com/crazy-highlights-n-doodles?app_id=1) ### [Crazy Highlights 'n Doodles](https://www.yoozecase.com/crazy-highlights-n-doodles?app_id=1) Hand-drawn highlights, circles, arrows and doodles that scribble in as you scroll. [Read more](https://www.yoozecase.com/crazy-highlights-n-doodles) [See demo](https://www.yoozecase.com/crazy-highlights-n-doodles-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/aa75d2c6-18f3-45ae-9555-2ca3b76a4e28) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/6096479a-aead-4480-b072-918f89fdbac3) ![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound.png) [![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound.png)](https://www.yoozecase.com/smart-background-sound?app_id=1) ### [Smart Background Sound](https://www.yoozecase.com/smart-background-sound?app_id=1) Tasteful ambient sound with a smart mute. Used responsibly, we promise. [Read more](https://www.yoozecase.com/smart-background-sound) [See demo](https://www.yoozecase.com/smart-background-sound-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/e7db9e86-781b-41ff-a8ea-9bcfc682390b) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/7e38c651-f07c-4352-bbb1-ca9cfc8968d3) ![What the F...ooter? ...game!](https://www.yoozecase.com/files/what-the-footer-game.png) [![What the F...ooter? ...game!](https://www.yoozecase.com/files/what-the-footer-game.png)](https://www.yoozecase.com/what-the-footer-game?app_id=1) ### [What the F...ooter? ...game!](https://www.yoozecase.com/what-the-footer-game?app_id=1) Hide a tiny game in your footer. Nobody scrolls that far .... until now!Turn your Joomla footer into a playable arcade. What the F...ooter? ...game! adds a YOOtheme Pro element with 9 built-in games, live highscores, unlockable rewards and an opt-in global leaderboard, a fun, sticky reason for visitors to stay a little longer. [Read more](https://www.yoozecase.com/what-the-footer-game) [See demo](https://www.yoozecase.com/what-the-footer-game-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/d6b1e35e-c12f-427d-a85d-6a16ce7e69c8) ![Epic 3d](https://www.yoozecase.com/files/epic-3d.png) [![Epic 3d](https://www.yoozecase.com/files/epic-3d.png)](https://www.yoozecase.com/epic-3d?app_id=1) ### [Epic 3d](https://www.yoozecase.com/epic-3d?app_id=1) Your page just gained depth. Drop a real 3D model straight into the YOOtheme builder and hand visitors the controls. They spin it. They zoom into every detail. On a phone they place it in their own room at true size with AR. This is Joomla in three dimensions. [Read more](https://www.yoozecase.com/epic-3d) [See demo](https://www.yoozecase.com/epic-3d-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/94767982-abeb-4f93-8604-66e4ac725f14) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/41212378-7949-49d0-8b0e-8781b70fd881) ![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing.png) [![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing.png)](https://www.yoozecase.com/traffic-boost-indexing?app_id=1) ### [Traffic Boost Indexing](https://www.yoozecase.com/traffic-boost-indexing?app_id=1) Push new Joomla URLs to search engines instantly with IndexNow, Google Search Console support, automatic submissions and detailed logs. [Read more](https://www.yoozecase.com/traffic-boost-indexing) [See demo](https://www.yoozecase.com/traffic-boost-indexing-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/2fa37499-a59d-4cfb-af21-6e400ff5ead4) ![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title.png) [![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title.png)](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1) ### [Auto Add Alt And Title](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1) Bulk-fill every missing alt text while you sip your coffee. Titles only when they add something. [Read more](https://www.yoozecase.com/auto-add-alt-and-title) [See demo](https://www.yoozecase.com/auto-add-alt-and-title-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/7a1b8776-9e27-46a9-b4be-9cd2a06daa10) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/f5898c5f-4ed1-4c25-971a-dd1b7483a577) ![The Most Useless Element Ever](https://www.yoozecase.com/files/the-most-useless-element-ever.png) [![The Most Useless Element Ever](https://www.yoozecase.com/files/the-most-useless-element-ever.png)](https://www.yoozecase.com/the-most-useless-element-ever?app_id=1) ### [The Most Useless Element Ever](https://www.yoozecase.com/the-most-useless-element-ever?app_id=1) Does nothing. Absolutely nothing. Made by a YOOzeLess company. Five stars. [Read more](https://www.yoozecase.com/the-most-useless-element-ever) [See demo](https://www.yoozecase.com/the-most-useless-element-ever-demo) [Buy for Joomla](https://shop.yoozecase.com/checkout/buy/351c6d41-26c4-491b-87b5-9518be43caa5) [Buy for WordPress](https://shop.yoozecase.com/checkout/buy/0c450639-1085-4775-84f8-d6ee1f61eba2) ![Smart Grid](https://www.yoozecase.com/files/smart-grid.png) [![Smart Grid](https://www.yoozecase.com/files/smart-grid.png)](https://www.yoozecase.com/smart-grid?app_id=1) ### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1) Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page. [Read more](https://www.yoozecase.com/smart-grid) [See demo](https://www.yoozecase.com/smart-grid-demo) ![Upvote Overlord](https://www.yoozecase.com/files/upvote-overlord.png) [![Upvote Overlord](https://www.yoozecase.com/files/upvote-overlord.png)](https://www.yoozecase.com/upvote-overlord?app_id=1) ### [Upvote Overlord](https://www.yoozecase.com/upvote-overlord?app_id=1) Your visitors have opinions. Left unchecked, they scatter them across emails, DMs, and the void. Upvote Overlord summons them into one arena, ranks their demands by votes, and lets you rule the outcome. They beg for features. The crowd decides which are worthy. You ship, and you take the credit. Install it, and never wonder what your people want again, because they will tell you, in order, whether you asked or not. [Read more](https://www.yoozecase.com/upvote-overlord) [See demo](https://www.yoozecase.com/upvote-overlord-demo) You haven't favourited any items yet. Click the ♡ on any item to save it here. Favourites are saved on this device. No items match this filter. This is the live demo slot. In the builder, drag the **Smart Grid** element from the *A YOOzeCase Company* group into this section and pick a content source. It renders the real interactive grid (favourites, tags, search, flip cards, inline players) right here. Four content sources, zero excuses ## Where would you like that data to come from? ### Manual items Click ADD ITEM, fill the fields, drag to order. Every field is per-item: image, title, two buttons, tags, media, spotlight schedule, flip content. ### Joomla articles Pick a category, set a limit, choose ordering. A YouTube or Spotify link inside an article auto-promotes that card to a video card, no extra clicks. ### ZOO items The full ZOO content app at your service. Live AJAX dropdowns of the real elements on your ZOO type. Survives ZOO 3.x, 4.x and locked-down shared hosting. ### Social media Eight platforms, one element. Live posts from whichever account you feature. Most are free; the one paid path uses Apify’s free tier. You haven't favourited any items yet. Click the ♡ on any item to save it here. Favourites are saved on this device. No items match this filter. The social media lineup ## Eight platforms. One element. We did the research so you can ignore it forever. ### YouTube Official Google Data API · free 10k/day ### Bluesky Public AT Protocol · no auth ### Mastodon Per-instance public API · no auth ### Reddit Native JSON · hot/new/top/rising ### Vimeo RSS (zero-setup) or API token ### Spotify Client Credentials · inline player ### SoundCloud Public RSS · inline widget ### TikTok Apify or official Display API Twelve presets that don’t make you cry ## One click to a coordinated baseline 01 ### Default Grid 02 ### Horizontal Image Left 03 ### Horizontal Image Right 04 ### Magazine / Editorial 05 ### Cards / Tiles 06 ### List / Compact 07 ### Hero Spotlight 08 ### Podcast / Audio Feed 09 ### Advertisement 10 ### News Feed 11 ### Gallery 12 ### Custom Cards that actually pop ## Cards with ideas above their station ### Flip cards Click or hover to rotate to a back face with title, body, image and CTA. Word count auto-sizes the text; auto-contrast picks the readable colour. ### Star ratings A 5-star widget on every card. For ZOO items the average and count write back to ZOO Number elements your ratings live in your CMS. ### Spotlight items Promote any item to a dedicated tier: bigger size, custom badges, animated borders, glow rings, drop shadows and date schedules. ### Glass + adaptive Default, frosted Glass over hero images, or Adaptive the card background samples its image’s dominant colour with contrasting text picked for you. ### Favourites Every card gets a heart. Logged-in visitors save to a per-user table and filter to just their favourites. Logged-out users get a friendly nudge. ### Live search & tags Type-as-you-type filtering across title, content, meta and tags, plus a filter chip for every unique tag. No reload, no round-trip. Built like it should be ## Built against the real shared-hosting hellscape Most plugins look great in the demo and crumble on real hosting. This one shipped with receipts. ### Self-healing tables Every AJAX call runs CREATE TABLE IF NOT EXISTS first because installer scripts silently fail on some shared hosts. ### Three-tier HTTP fetch Joomla HttpFactory → cURL → file_get_contents. We have seen HttpFactory return zero-byte bodies, and we will not gaslight you about it. ### Stale-cache fallback If an API blinks, you get the previously cached payload instead of an empty grid. Your visitors never see the outage. ### Hardened by default SSRF guard on every server fetch, CSRF-checked favourite & rating writes, TLS never silently downgraded. Independent review passed. ### Diagnostic mode Append ?sgdebug=1 to any URL for a full inspection comment: every source decision, cache hit and API call. ### Speaks six languages English, Dutch, German, French, Spanish and Italian visitor-facing dates localise themselves automatically. Get started in five minutes ## About as long as it takes to make a coffee 1. **Download** the install zip from your YOOzeCase account. 2. **Install** via Joomla → Extensions → Manage. Drag the zip, click Upload. 3. **Drag** the Smart Grid element from the A YOOzeCase Company group onto a page. 4. **Pick a source**, manual items, a YouTube handle, or a Joomla category. 5. **Pick a preset**, save, and admire your handiwork on the front-end. ## The most epic YOOtheme Pro element ever, said the YOOzeCase team without any external corroboration whatsoever. Try it and find out which of those things is true. Get Smart Grid Read the manual