{"id":95,"date":"2026-09-26T05:00:16","date_gmt":"2026-09-26T05:00:16","guid":{"rendered":"https:\/\/c.texofts.com\/?page_id=95"},"modified":"2026-09-26T10:21:03","modified_gmt":"2026-09-26T10:21:03","slug":"ai-tools","status":"publish","type":"page","link":"https:\/\/c.texofts.com\/?page_id=95","title":{"rendered":"AI Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"95\" class=\"elementor elementor-95\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e97f05 e-con-full e-flex e-con e-parent\" data-id=\"2e97f05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-528c852 elementor-widget elementor-widget-html\" data-id=\"528c852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEBSITE-WIDE FIXED LEFT BOTTOM GREEN SHADOW\r\n     SAME STYLE AS HERO SECTION\r\n========================================================= -->\r\n\r\n<div id=\"website-left-green-shadow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\r\n#website-left-green-shadow{\r\n\r\n  position: fixed !important;\r\n\r\n  left: 0 !important;\r\n  bottom: 0 !important;\r\n\r\n  width: 80vw !important;\r\n  height: 520px !important;\r\n\r\n  \/*\r\n     HERO SECTION JESA\r\n     LEFT-BOTTOM GREEN GLOW\r\n  *\/\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 12% 100%,\r\n\r\n      rgba(0,169,20,.66) 0%,\r\n\r\n      rgba(0,120,14,.47) 25%,\r\n\r\n      rgba(0,70,8,.25) 48%,\r\n\r\n      rgba(0,35,5,.09) 67%,\r\n\r\n      transparent 82%\r\n    ) !important;\r\n\r\n  \/*\r\n     SOFT SHADOW\r\n  *\/\r\n\r\n  filter: blur(25px) !important;\r\n\r\n  opacity: .78 !important;\r\n\r\n  \/*\r\n     WEBSITE KE HAR PAGE\/SECTION\r\n     KE UPAR FIXED RAHE\r\n  *\/\r\n\r\n  z-index: 999997 !important;\r\n\r\n  pointer-events: none !important;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  transform: none !important;\r\n\r\n  border: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n  #website-left-green-shadow{\r\n\r\n    width: 80vw !important;\r\n\r\n    height: 400px !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  #website-left-green-shadow{\r\n\r\n    width: 80vw !important;\r\n\r\n    height: 320px !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7dc7dc elementor-widget elementor-widget-html\" data-id=\"e7dc7dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>AI Tools Directory \u2014 Unleash Your Creative Core<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n  margin:0;\r\n  padding:0;\r\n  background:#000;\r\n  color:#fff;\r\n  font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ai-tools-section{\r\n  width:100%;\r\n  min-height:100vh;\r\n  background:#000;\r\n  padding:42px 25px 90px;\r\n  overflow:hidden;\r\n}\r\n\r\n.ai-tools-container{\r\n  width:100%;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO HEADING + SEARCH\r\n========================================================= *\/\r\n\r\n.ai-tools-hero{\r\n  text-align:center;\r\n  margin:0 auto 34px;\r\n}\r\n\r\n.ai-tools-hero h1{\r\n  margin:0;\r\n  color:#fff;\r\n  font-size:72px;\r\n  line-height:.98;\r\n  font-weight:800;\r\n  letter-spacing:-3.5px;\r\n}\r\n\r\n.ai-tools-hero h1 .hero-accent{\r\n  display:block;\r\n  color:#baff00;\r\n}\r\n\r\n.ai-tools-search{\r\n  width:min(100%, 580px);\r\n  height:48px;\r\n  margin:58px auto 0;\r\n  position:relative;\r\n}\r\n\r\n.ai-tools-search input{\r\n  width:100%;\r\n  height:100%;\r\n  padding:0 20px 0 46px;\r\n  border:1px solid #292929;\r\n  border-radius:28px;\r\n  outline:none;\r\n  background:#080808;\r\n  color:#fff;\r\n  font-family:inherit;\r\n  font-size:13px;\r\n  font-weight:500;\r\n  transition:.25s ease;\r\n}\r\n\r\n.ai-tools-search input::placeholder{\r\n  color:#888;\r\n}\r\n\r\n.ai-tools-search input:focus{\r\n  border-color:#4a4a4a;\r\n  background:#0b0b0b;\r\n  box-shadow:0 0 0 3px rgba(186,255,0,.06);\r\n}\r\n\r\n.search-icon{\r\n  position:absolute;\r\n  left:17px;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  color:#8d8d8d;\r\n  font-size:16px;\r\n  pointer-events:none;\r\n}\r\n\r\n.search-clear{\r\n  position:absolute;\r\n  right:10px;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  width:30px;\r\n  height:30px;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:#181818;\r\n  color:#aaa;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  cursor:pointer;\r\n  font-size:15px;\r\n  line-height:1;\r\n}\r\n\r\n.search-clear:hover{\r\n  background:#242424;\r\n  color:#fff;\r\n}\r\n\r\n\/* =========================================================\r\n   CATEGORY TITLE\r\n========================================================= *\/\r\n\r\n.category-heading{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:15px;\r\n  margin-bottom:24px;\r\n}\r\n\r\n.category-heading span{\r\n  width:45px;\r\n  height:1px;\r\n  background:#292929;\r\n}\r\n\r\n.category-heading h4{\r\n  margin:0;\r\n  color:#a0a0a0;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1.4px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   CATEGORY TABS\r\n========================================================= *\/\r\n\r\n.category-tabs{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  max-width:1150px;\r\n  margin:auto;\r\n}\r\n\r\n.category-tab{\r\n  min-height:42px;\r\n  padding:10px 16px;\r\n  border:1px solid #292929;\r\n  border-radius:30px;\r\n  background:#0b0b0b;\r\n  color:#eee;\r\n  font-family:inherit;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  cursor:pointer;\r\n  transition:.25s ease;\r\n}\r\n\r\n.category-tab:hover{\r\n  background:#151515;\r\n  border-color:#444;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.category-tab.active{\r\n  background:#baff00;\r\n  border-color:#baff00;\r\n  color:#050505;\r\n}\r\n\r\n.category-icon{\r\n  font-size:15px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\/* =========================================================\r\n   COUNTER\r\n========================================================= *\/\r\n\r\n.tool-counter-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n  margin:78px 0 40px;\r\n}\r\n\r\n.tool-counter{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:9px 16px;\r\n  border:1px solid #526800;\r\n  border-radius:30px;\r\n  background:#101500;\r\n  color:#baff00;\r\n  font-size:12px;\r\n  font-weight:700;\r\n}\r\n\r\n.counter-dot{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#baff00;\r\n}\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.tools-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:24px;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.tool-card{\r\n  min-height:416px;\r\n  padding:32px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background:#080808;\r\n  border:1px solid #292929;\r\n  border-radius:28px;\r\n\r\n  color:#fff;\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.tool-card:hover{\r\n  transform:translateY(-7px);\r\n  background:#0b0b0b;\r\n  border-color:#454545;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.card-top{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n}\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.tool-logo{\r\n  width:64px;\r\n  height:64px;\r\n  flex-shrink:0;\r\n\r\n  border-radius:16px;\r\n  border:1px solid #ddd;\r\n\r\n  background:#fff;\r\n  color:#111;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:24px;\r\n  font-weight:800;\r\n}\r\n\r\n.logo-dark{\r\n  background:#111;\r\n  color:#fff;\r\n  border-color:#333;\r\n}\r\n\r\n.logo-blue{\r\n  background:#eaf5ff;\r\n  color:#1671dd;\r\n}\r\n\r\n.logo-purple{\r\n  background:#f0e9ff;\r\n  color:#7038d7;\r\n}\r\n\r\n.logo-orange{\r\n  background:#fff0df;\r\n  color:#ef711b;\r\n}\r\n\r\n.logo-green{\r\n  background:#baff00;\r\n  color:#050505;\r\n  border-color:#baff00;\r\n}\r\n\r\n.logo-red{\r\n  background:#fff0f0;\r\n  color:#d73535;\r\n}\r\n\r\n\/* =========================================================\r\n   TRENDING\r\n========================================================= *\/\r\n\r\n.trending{\r\n  padding:5px 10px;\r\n  border:1px solid #383838;\r\n  border-radius:20px;\r\n  background:#171717;\r\n  color:#999;\r\n  font-size:8px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   TOOL NAME\r\n   GREEN COLOR\r\n========================================================= *\/\r\n\r\n.tool-card h3{\r\n  margin:35px 0 14px;\r\n\r\n  color:#baff00;\r\n\r\n  font-size:23px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:-.7px;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.tool-card:hover h3{\r\n  color:#c7ff45;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.tool-card p{\r\n  margin:0;\r\n  color:#929292;\r\n  font-size:14px;\r\n  line-height:1.65;\r\n  font-weight:500;\r\n}\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.tool-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:30px;\r\n}\r\n\r\n.tool-tag{\r\n  padding:6px 10px;\r\n\r\n  border:1px solid #292929;\r\n  border-radius:20px;\r\n\r\n  background:#141414;\r\n  color:#8f8f8f;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD BOTTOM\r\n========================================================= *\/\r\n\r\n.card-bottom{\r\n  margin-top:auto;\r\n  padding-top:22px;\r\n\r\n  border-top:1px solid #202020;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n}\r\n\r\n.try-tool{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:#8f8f8f;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.try-dot{\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#baff00;\r\n}\r\n\r\n.open-icon{\r\n  width:40px;\r\n  height:40px;\r\n\r\n  border:1px solid #303030;\r\n  border-radius:50%;\r\n\r\n  background:#151515;\r\n  color:#999;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:17px;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.tool-card:hover .open-icon{\r\n  background:#baff00;\r\n  border-color:#baff00;\r\n  color:#050505;\r\n}\r\n\r\n\/* =========================================================\r\n   SHOW MORE\r\n========================================================= *\/\r\n\r\n.show-more-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n  margin-top:42px;\r\n}\r\n\r\n.show-more-btn{\r\n  padding:14px 30px;\r\n\r\n  border:1px solid #383838;\r\n  border-radius:30px;\r\n\r\n  background:#0c0c0c;\r\n  color:#fff;\r\n\r\n  font-family:inherit;\r\n  font-size:13px;\r\n  font-weight:700;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.show-more-btn:hover{\r\n  background:#baff00;\r\n  border-color:#baff00;\r\n  color:#050505;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.show-more-btn.hidden{\r\n  display:none;\r\n}\r\n\r\n.show-more-btn:disabled{\r\n  cursor:wait;\r\n  opacity:.75;\r\n}\r\n\r\n.show-more-btn.loading{\r\n  min-width:150px;\r\n}\r\n\r\n.show-more-btn.loading::after{\r\n  content:\"\";\r\n  display:inline-block;\r\n  width:12px;\r\n  height:12px;\r\n  margin-left:9px;\r\n  vertical-align:-2px;\r\n  border:2px solid #777;\r\n  border-top-color:#baff00;\r\n  border-radius:50%;\r\n  animation:showMoreSpin .7s linear infinite;\r\n}\r\n\r\n@keyframes showMoreSpin{\r\n  to{transform:rotate(360deg);}\r\n}\r\n\r\n\/* =========================================================\r\n   EMPTY\r\n========================================================= *\/\r\n\r\n.empty-tools{\r\n  grid-column:1\/-1;\r\n\r\n  padding:70px 20px;\r\n\r\n  border:1px solid #222;\r\n  border-radius:25px;\r\n\r\n  color:#777;\r\n  text-align:center;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .tools-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .ai-tools-hero h1{\r\n    font-size:46px;\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .ai-tools-search{\r\n    margin-top:38px;\r\n  }\r\n\r\n  .ai-tools-section{\r\n    padding:35px 15px 70px;\r\n  }\r\n\r\n  .category-tabs{\r\n    justify-content:flex-start;\r\n    flex-wrap:nowrap;\r\n    overflow-x:auto;\r\n    padding-bottom:8px;\r\n    scrollbar-width:none;\r\n  }\r\n\r\n  .category-tabs::-webkit-scrollbar{\r\n    display:none;\r\n  }\r\n\r\n  .category-tab{\r\n    flex-shrink:0;\r\n    font-size:12px;\r\n    padding:9px 14px;\r\n  }\r\n\r\n  .tool-counter-wrap{\r\n    margin:45px 0 28px;\r\n  }\r\n\r\n  .tools-grid{\r\n    grid-template-columns:1fr;\r\n    gap:17px;\r\n  }\r\n\r\n  .tool-card{\r\n    min-height:390px;\r\n    padding:26px;\r\n    border-radius:23px;\r\n  }\r\n\r\n  .tool-card h3{\r\n    font-size:21px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-tools-section\">\r\n\r\n<div class=\"ai-tools-container\">\r\n\r\n<!-- =====================================================\r\n     HERO HEADING + SEARCH\r\n===================================================== -->\r\n\r\n<div class=\"ai-tools-hero\">\r\n\r\n  <h1>\r\n    Unleash Your\r\n    <span class=\"hero-accent\">Creative Core<\/span>\r\n  <\/h1>\r\n\r\n  <div class=\"ai-tools-search\">\r\n    <span class=\"search-icon\">\u2315<\/span>\r\n\r\n    <input\r\n      type=\"search\"\r\n      id=\"toolSearch\"\r\n      placeholder=\"Search 100+ AI tools...\"\r\n      autocomplete=\"off\"\r\n      aria-label=\"Search AI tools\"\r\n    >\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"search-clear\"\r\n      id=\"searchClear\"\r\n      aria-label=\"Clear search\"\r\n    >\u00d7<\/button>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     HEADING\r\n===================================================== -->\r\n\r\n<div class=\"category-heading\">\r\n  <span><\/span>\r\n  <h4>Explore Categories<\/h4>\r\n  <span><\/span>\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     ALL CATEGORIES\r\n===================================================== -->\r\n\r\n<div class=\"category-tabs\" id=\"categoryTabs\">\r\n\r\n<button class=\"category-tab active\" data-category=\"all\">\r\n  <span class=\"category-icon\">\u2723<\/span>\r\n  All Tools\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"video\">\r\n  <span class=\"category-icon\">\u25a3<\/span>\r\n  Video Generation\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"image\">\r\n  <span class=\"category-icon\">\u25a7<\/span>\r\n  Image Generation\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"voice\">\r\n  <span class=\"category-icon\">\u2669<\/span>\r\n  Voice & Avatar\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"chatbots\">\r\n  <span class=\"category-icon\">\u25a1<\/span>\r\n  AI Chatbots\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"writing\">\r\n  <span class=\"category-icon\">\u270e<\/span>\r\n  AI Writing\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"coding\">\r\n  <span class=\"category-icon\">&lt;\/&gt;<\/span>\r\n  AI Coding\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"seo\">\r\n  <span class=\"category-icon\">\u2197<\/span>\r\n  SEO & Marketing\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"productivity\">\r\n  <span class=\"category-icon\">\u2723<\/span>\r\n  Productivity Tools\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"design\">\r\n  <span class=\"category-icon\">\u25c9<\/span>\r\n  Design & UI\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"avatars\">\r\n  <span class=\"category-icon\">\u2659<\/span>\r\n  Avatars & Digital Humans\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"analytics\">\r\n  <span class=\"category-icon\">\u25a5<\/span>\r\n  Data & Analytics\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"automation\">\r\n  <span class=\"category-icon\">\u25a3<\/span>\r\n  Automation Agents\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"education\">\r\n  <span class=\"category-icon\">\u25b1<\/span>\r\n  Education & Learning\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"music\">\r\n  <span class=\"category-icon\">\u266b<\/span>\r\n  Music & Audio\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"business\">\r\n  <span class=\"category-icon\">\u25a6<\/span>\r\n  Business AI\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"sales\">\r\n  <span class=\"category-icon\">\ud83d\uded2<\/span>\r\n  Sales AI\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"research\">\r\n  <span class=\"category-icon\">\u2723<\/span>\r\n  Research & Search\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"security\">\r\n  <span class=\"category-icon\">\u2662<\/span>\r\n  AI Security\r\n<\/button>\r\n\r\n<button class=\"category-tab\" data-category=\"utilities\">\r\n  <span class=\"category-icon\">\u2699<\/span>\r\n  AI Utilities\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     COUNTER\r\n===================================================== -->\r\n\r\n<div class=\"tool-counter-wrap\">\r\n\r\n<div class=\"tool-counter\">\r\n\r\n<span class=\"counter-dot\"><\/span>\r\n\r\n<span id=\"counterText\">\r\nShowing 9 of 120 tools\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     TOOL GRID\r\n===================================================== -->\r\n\r\n<div class=\"tools-grid\" id=\"toolsGrid\"><\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SHOW MORE\r\n===================================================== -->\r\n\r\n<div class=\"show-more-wrap\">\r\n\r\n<button class=\"show-more-btn\" id=\"showMoreBtn\">\r\n  Show More\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   120 AI TOOLS\r\n   20 CATEGORIES \u00d7 6 TOOLS\r\n========================================================= *\/\r\n\r\nconst tools = [\r\n\r\n\/* =========================================================\r\n   VIDEO GENERATION \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Sora\",\r\ndescription:\"Generate realistic videos from text and creative prompts.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"TEXT TO VIDEO\",\"AI VIDEO\"],\r\nurl:\"https:\/\/sora.com\"\r\n},\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Runway\",\r\ndescription:\"Create cinematic AI videos and advanced video effects.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AI VIDEO\",\"GENERATION\"],\r\nurl:\"https:\/\/runwayml.com\"\r\n},\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Kling AI\",\r\ndescription:\"Generate high quality videos from text and images.\",\r\nlogo:\"K\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"TEXT TO VIDEO\",\"IMAGE TO VIDEO\"],\r\nurl:\"https:\/\/klingai.com\"\r\n},\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Pika\",\r\ndescription:\"Create creative AI videos with text and image prompts.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AI VIDEO\",\"EFFECTS\"],\r\nurl:\"https:\/\/pika.art\"\r\n},\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Luma Dream Machine\",\r\ndescription:\"Generate realistic cinematic video content with AI.\",\r\nlogo:\"L\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"VIDEO\",\"CINEMATIC\"],\r\nurl:\"https:\/\/lumalabs.ai\/dream-machine\"\r\n},\r\n\r\n{\r\ncategory:\"video\",\r\nname:\"Hailuo AI\",\r\ndescription:\"Create AI generated videos from text and images.\",\r\nlogo:\"H\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"AI VIDEO\",\"GENERATION\"],\r\nurl:\"https:\/\/hailuoai.video\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE GENERATION \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Midjourney\",\r\ndescription:\"Create detailed artistic and photorealistic AI images.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"AI ART\",\"IMAGE\"],\r\nurl:\"https:\/\/www.midjourney.com\"\r\n},\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Adobe Firefly\",\r\ndescription:\"Generate and edit creative images using Adobe AI.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"GENERATIVE FILL\",\"IMAGE\"],\r\nurl:\"https:\/\/firefly.adobe.com\"\r\n},\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Leonardo AI\",\r\ndescription:\"Create high quality AI artwork and visual assets.\",\r\nlogo:\"L\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AI ART\",\"DESIGN\"],\r\nurl:\"https:\/\/leonardo.ai\"\r\n},\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Ideogram\",\r\ndescription:\"Generate images with strong typography and design control.\",\r\nlogo:\"I\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"IMAGE\",\"TYPOGRAPHY\"],\r\nurl:\"https:\/\/ideogram.ai\"\r\n},\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Flux\",\r\ndescription:\"Generate detailed images using modern generative models.\",\r\nlogo:\"F\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"IMAGE\",\"GENERATION\"],\r\nurl:\"https:\/\/blackforestlabs.ai\"\r\n},\r\n\r\n{\r\ncategory:\"image\",\r\nname:\"Playground AI\",\r\ndescription:\"Create and edit images with AI powered creative tools.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"IMAGE\",\"EDITING\"],\r\nurl:\"https:\/\/playground.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   VOICE & AVATAR \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"ElevenLabs\",\r\ndescription:\"Generate natural AI voices and voice clones.\",\r\nlogo:\"11\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"VOICE\",\"TTS\"],\r\nurl:\"https:\/\/elevenlabs.io\"\r\n},\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"Murf AI\",\r\ndescription:\"Create professional AI voiceovers for content.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"VOICEOVER\",\"TTS\"],\r\nurl:\"https:\/\/murf.ai\"\r\n},\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"PlayHT\",\r\ndescription:\"Create realistic AI voices and speech.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"VOICE\",\"SPEECH\"],\r\nurl:\"https:\/\/play.ht\"\r\n},\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"Resemble AI\",\r\ndescription:\"Create and customize AI generated voices.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"VOICE CLONING\",\"AUDIO\"],\r\nurl:\"https:\/\/www.resemble.ai\"\r\n},\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"WellSaid\",\r\ndescription:\"Generate professional AI voice narration.\",\r\nlogo:\"W\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"VOICE\",\"NARRATION\"],\r\nurl:\"https:\/\/wellsaidlabs.com\"\r\n},\r\n\r\n{\r\ncategory:\"voice\",\r\nname:\"Speechify\",\r\ndescription:\"AI powered text to speech and voice reading.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"TEXT TO SPEECH\",\"VOICE\"],\r\nurl:\"https:\/\/speechify.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AI CHATBOTS \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"ChatGPT\",\r\ndescription:\"AI assistant for writing, research, coding and more.\",\r\nlogo:\"\u2726\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"AI ASSISTANT\",\"CHAT\"],\r\nurl:\"https:\/\/chatgpt.com\"\r\n},\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"Claude\",\r\ndescription:\"AI assistant for reasoning, writing and analysis.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"AI ASSISTANT\",\"REASONING\"],\r\nurl:\"https:\/\/claude.ai\"\r\n},\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"Google Gemini\",\r\ndescription:\"Google AI assistant for text, images and research.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AI\",\"MULTIMODAL\"],\r\nurl:\"https:\/\/gemini.google.com\"\r\n},\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"Microsoft Copilot\",\r\ndescription:\"AI assistant integrated across Microsoft products.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AI\",\"PRODUCTIVITY\"],\r\nurl:\"https:\/\/copilot.microsoft.com\"\r\n},\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"Grok\",\r\ndescription:\"Conversational AI assistant for questions and research.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"CHAT\",\"AI\"],\r\nurl:\"https:\/\/grok.com\"\r\n},\r\n\r\n{\r\ncategory:\"chatbots\",\r\nname:\"Poe\",\r\ndescription:\"Access and interact with multiple AI assistants.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"CHAT\",\"AI MODELS\"],\r\nurl:\"https:\/\/poe.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AI WRITING \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"Jasper\",\r\ndescription:\"AI platform for marketing and business content.\",\r\nlogo:\"J\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"COPYWRITING\",\"MARKETING\"],\r\nurl:\"https:\/\/www.jasper.ai\"\r\n},\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"Copy.ai\",\r\ndescription:\"Create marketing and business content using AI.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"COPYWRITING\",\"CONTENT\"],\r\nurl:\"https:\/\/www.copy.ai\"\r\n},\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"Grammarly\",\r\ndescription:\"AI writing assistant for clearer communication.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"WRITING\",\"GRAMMAR\"],\r\nurl:\"https:\/\/www.grammarly.com\"\r\n},\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"Writesonic\",\r\ndescription:\"AI platform for articles, marketing and content.\",\r\nlogo:\"W\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"CONTENT\",\"SEO\"],\r\nurl:\"https:\/\/writesonic.com\"\r\n},\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"QuillBot\",\r\ndescription:\"AI writing and paraphrasing assistant.\",\r\nlogo:\"Q\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"PARAPHRASING\",\"WRITING\"],\r\nurl:\"https:\/\/quillbot.com\"\r\n},\r\n\r\n{\r\ncategory:\"writing\",\r\nname:\"Rytr\",\r\ndescription:\"AI writing assistant for fast content creation.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"CONTENT\",\"COPYWRITING\"],\r\nurl:\"https:\/\/rytr.me\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AI CODING \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"GitHub Copilot\",\r\ndescription:\"AI coding assistant for developers.\",\r\nlogo:\"\u2318\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"CODING\",\"DEVELOPER\"],\r\nurl:\"https:\/\/github.com\/features\/copilot\"\r\n},\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"Cursor\",\r\ndescription:\"AI code editor designed for modern development.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"AI IDE\",\"CODING\"],\r\nurl:\"https:\/\/cursor.com\"\r\n},\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"Replit\",\r\ndescription:\"Build and deploy applications with AI assistance.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"CODING\",\"APP BUILDING\"],\r\nurl:\"https:\/\/replit.com\"\r\n},\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"Windsurf\",\r\ndescription:\"AI IDE for agentic software development.\",\r\nlogo:\"W\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AI IDE\",\"CODING\"],\r\nurl:\"https:\/\/windsurf.com\"\r\n},\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"Tabnine\",\r\ndescription:\"AI coding assistant for software development teams.\",\r\nlogo:\"T\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"CODE\",\"AUTOCOMPLETE\"],\r\nurl:\"https:\/\/www.tabnine.com\"\r\n},\r\n\r\n{\r\ncategory:\"coding\",\r\nname:\"Codeium\",\r\ndescription:\"AI powered coding and developer tools.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"CODING\",\"AI\"],\r\nurl:\"https:\/\/codeium.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   SEO & MARKETING \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Semrush\",\r\ndescription:\"SEO, marketing and competitive research platform.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"SEO\",\"MARKETING\"],\r\nurl:\"https:\/\/www.semrush.com\"\r\n},\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Ahrefs\",\r\ndescription:\"SEO research, keywords and backlink analysis.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SEO\",\"BACKLINKS\"],\r\nurl:\"https:\/\/ahrefs.com\"\r\n},\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Surfer\",\r\ndescription:\"AI powered content optimization platform.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"SEO\",\"CONTENT\"],\r\nurl:\"https:\/\/surferseo.com\"\r\n},\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Frase\",\r\ndescription:\"AI powered SEO content research and optimization.\",\r\nlogo:\"F\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"SEO\",\"CONTENT\"],\r\nurl:\"https:\/\/www.frase.io\"\r\n},\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Scalenut\",\r\ndescription:\"AI SEO and content marketing platform.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SEO\",\"CONTENT\"],\r\nurl:\"https:\/\/www.scalenut.com\"\r\n},\r\n\r\n{\r\ncategory:\"seo\",\r\nname:\"Clearscope\",\r\ndescription:\"Content optimization platform for organic search.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SEO\",\"CONTENT\"],\r\nurl:\"https:\/\/www.clearscope.io\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTIVITY \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"Notion AI\",\r\ndescription:\"AI workspace for notes, projects and knowledge.\",\r\nlogo:\"N\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"WORKSPACE\",\"PRODUCTIVITY\"],\r\nurl:\"https:\/\/www.notion.so\/product\/ai\"\r\n},\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"ClickUp\",\r\ndescription:\"Project management platform with AI features.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"PROJECTS\",\"TASKS\"],\r\nurl:\"https:\/\/clickup.com\"\r\n},\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"Motion\",\r\ndescription:\"AI powered planning and scheduling platform.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"CALENDAR\",\"PLANNING\"],\r\nurl:\"https:\/\/www.usemotion.com\"\r\n},\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"Mem\",\r\ndescription:\"AI powered workspace for personal knowledge.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"NOTES\",\"KNOWLEDGE\"],\r\nurl:\"https:\/\/mem.ai\"\r\n},\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"Taskade\",\r\ndescription:\"AI powered productivity and project workspace.\",\r\nlogo:\"T\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"TASKS\",\"PROJECTS\"],\r\nurl:\"https:\/\/www.taskade.com\"\r\n},\r\n\r\n{\r\ncategory:\"productivity\",\r\nname:\"Reclaim AI\",\r\ndescription:\"AI calendar assistant for time management.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"CALENDAR\",\"PRODUCTIVITY\"],\r\nurl:\"https:\/\/reclaim.ai\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   DESIGN & UI \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Canva\",\r\ndescription:\"Design platform with powerful AI creative tools.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"DESIGN\",\"AI\"],\r\nurl:\"https:\/\/www.canva.com\"\r\n},\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Figma\",\r\ndescription:\"Collaborative UI design and prototyping platform.\",\r\nlogo:\"F\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"UI\",\"PROTOTYPING\"],\r\nurl:\"https:\/\/www.figma.com\"\r\n},\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Framer\",\r\ndescription:\"Design and publish modern websites.\",\r\nlogo:\"F\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"WEB DESIGN\",\"UI\"],\r\nurl:\"https:\/\/www.framer.com\"\r\n},\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Uizard\",\r\ndescription:\"Turn ideas and sketches into interface designs.\",\r\nlogo:\"U\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"UI\",\"PROTOTYPE\"],\r\nurl:\"https:\/\/uizard.io\"\r\n},\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Galileo AI\",\r\ndescription:\"Generate UI designs from natural language prompts.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"UI\",\"DESIGN\"],\r\nurl:\"https:\/\/www.usegalileo.ai\"\r\n},\r\n\r\n{\r\ncategory:\"design\",\r\nname:\"Visily\",\r\ndescription:\"AI powered visual design and prototyping tool.\",\r\nlogo:\"V\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"UI\",\"PROTOTYPE\"],\r\nurl:\"https:\/\/www.visily.ai\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AVATARS \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"HeyGen\",\r\ndescription:\"Create AI avatar videos and digital presenters.\",\r\nlogo:\"H\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AVATAR\",\"VIDEO\"],\r\nurl:\"https:\/\/www.heygen.com\"\r\n},\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"Synthesia\",\r\ndescription:\"Create professional AI avatar videos.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AVATAR\",\"TRAINING\"],\r\nurl:\"https:\/\/www.synthesia.io\"\r\n},\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"D-ID\",\r\ndescription:\"Create talking digital humans from images.\",\r\nlogo:\"D\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"DIGITAL HUMAN\",\"VIDEO\"],\r\nurl:\"https:\/\/www.d-id.com\"\r\n},\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"Colossyan\",\r\ndescription:\"Create training videos using AI presenters.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"AVATAR\",\"TRAINING\"],\r\nurl:\"https:\/\/www.colossyan.com\"\r\n},\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"DeepBrain AI\",\r\ndescription:\"Generate AI presenter and avatar videos.\",\r\nlogo:\"D\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"AVATAR\",\"VIDEO\"],\r\nurl:\"https:\/\/www.aistudios.com\"\r\n},\r\n\r\n{\r\ncategory:\"avatars\",\r\nname:\"Elai\",\r\ndescription:\"Create presenter videos using AI avatars.\",\r\nlogo:\"E\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AVATAR\",\"VIDEO\"],\r\nurl:\"https:\/\/elai.io\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   DATA & ANALYTICS \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Julius AI\",\r\ndescription:\"Analyze data and spreadsheets using conversational AI.\",\r\nlogo:\"J\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"DATA\",\"ANALYSIS\"],\r\nurl:\"https:\/\/julius.ai\"\r\n},\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Tableau\",\r\ndescription:\"Visual analytics and business intelligence platform.\",\r\nlogo:\"T\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"DATA\",\"DASHBOARDS\"],\r\nurl:\"https:\/\/www.tableau.com\"\r\n},\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Power BI\",\r\ndescription:\"Business intelligence and data visualization.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"BI\",\"REPORTING\"],\r\nurl:\"https:\/\/powerbi.microsoft.com\"\r\n},\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Polymer\",\r\ndescription:\"Create interactive dashboards without coding.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"DASHBOARDS\",\"DATA\"],\r\nurl:\"https:\/\/www.polymersearch.com\"\r\n},\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Akkio\",\r\ndescription:\"No-code AI analytics and predictive modeling.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"DATA\",\"PREDICTION\"],\r\nurl:\"https:\/\/www.akkio.com\"\r\n},\r\n\r\n{\r\ncategory:\"analytics\",\r\nname:\"Obviously AI\",\r\ndescription:\"Build predictive models without coding.\",\r\nlogo:\"O\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"PREDICTION\",\"DATA\"],\r\nurl:\"https:\/\/www.obviously.ai\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AUTOMATION \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"Zapier\",\r\ndescription:\"Automate workflows across thousands of apps.\",\r\nlogo:\"Z\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"AUTOMATION\",\"WORKFLOW\"],\r\nurl:\"https:\/\/zapier.com\"\r\n},\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"Make\",\r\ndescription:\"Build visual automated workflows.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AUTOMATION\",\"NO CODE\"],\r\nurl:\"https:\/\/www.make.com\"\r\n},\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"n8n\",\r\ndescription:\"Flexible workflow automation for technical teams.\",\r\nlogo:\"n8n\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"WORKFLOW\",\"AUTOMATION\"],\r\nurl:\"https:\/\/n8n.io\"\r\n},\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"Bardeen\",\r\ndescription:\"Automate repetitive browser and business tasks.\",\r\nlogo:\"B\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"BROWSER\",\"AUTOMATION\"],\r\nurl:\"https:\/\/www.bardeen.ai\"\r\n},\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"Lindy\",\r\ndescription:\"Build AI agents for business automation.\",\r\nlogo:\"L\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AI AGENTS\",\"AUTOMATION\"],\r\nurl:\"https:\/\/www.lindy.ai\"\r\n},\r\n\r\n{\r\ncategory:\"automation\",\r\nname:\"Relevance AI\",\r\ndescription:\"Build AI agents and automated business workflows.\",\r\nlogo:\"R\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"AI AGENTS\",\"WORKFLOW\"],\r\nurl:\"https:\/\/relevanceai.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   EDUCATION \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Khanmigo\",\r\ndescription:\"AI learning assistant from Khan Academy.\",\r\nlogo:\"K\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"LEARNING\",\"TUTOR\"],\r\nurl:\"https:\/\/www.khanmigo.ai\"\r\n},\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Quizlet\",\r\ndescription:\"AI powered study and learning platform.\",\r\nlogo:\"Q\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"STUDY\",\"FLASHCARDS\"],\r\nurl:\"https:\/\/quizlet.com\"\r\n},\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Duolingo\",\r\ndescription:\"Language learning platform with AI features.\",\r\nlogo:\"D\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"LANGUAGE\",\"LEARNING\"],\r\nurl:\"https:\/\/www.duolingo.com\"\r\n},\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Photomath\",\r\ndescription:\"AI powered math problem solving assistant.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"MATH\",\"LEARNING\"],\r\nurl:\"https:\/\/photomath.com\"\r\n},\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Socratic\",\r\ndescription:\"AI powered learning assistant for students.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"HOMEWORK\",\"LEARNING\"],\r\nurl:\"https:\/\/socratic.org\"\r\n},\r\n\r\n{\r\ncategory:\"education\",\r\nname:\"Wolfram Alpha\",\r\ndescription:\"Computational knowledge engine for learning and research.\",\r\nlogo:\"W\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"MATH\",\"RESEARCH\"],\r\nurl:\"https:\/\/www.wolframalpha.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   MUSIC & AUDIO \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"Suno\",\r\ndescription:\"Create complete songs from text prompts.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"AI MUSIC\",\"SONG\"],\r\nurl:\"https:\/\/suno.com\"\r\n},\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"Udio\",\r\ndescription:\"Generate songs and music with AI.\",\r\nlogo:\"U\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"MUSIC\",\"SONG\"],\r\nurl:\"https:\/\/www.udio.com\"\r\n},\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"Soundraw\",\r\ndescription:\"Generate royalty friendly AI music.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"MUSIC\",\"AUDIO\"],\r\nurl:\"https:\/\/soundraw.io\"\r\n},\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"AIVA\",\r\ndescription:\"AI music composition platform.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"COMPOSITION\",\"MUSIC\"],\r\nurl:\"https:\/\/www.aiva.ai\"\r\n},\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"Boomy\",\r\ndescription:\"Create and share AI generated music.\",\r\nlogo:\"B\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"AI MUSIC\",\"SONGS\"],\r\nurl:\"https:\/\/boomy.com\"\r\n},\r\n\r\n{\r\ncategory:\"music\",\r\nname:\"Mubert\",\r\ndescription:\"Generate AI music for videos and creative projects.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"MUSIC\",\"AUDIO\"],\r\nurl:\"https:\/\/mubert.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   BUSINESS AI \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"Microsoft Copilot\",\r\ndescription:\"AI assistant for productivity and business.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"BUSINESS\",\"AI\"],\r\nurl:\"https:\/\/copilot.microsoft.com\"\r\n},\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"Salesforce Einstein\",\r\ndescription:\"AI capabilities for CRM and business workflows.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"CRM\",\"BUSINESS\"],\r\nurl:\"https:\/\/www.salesforce.com\/einstein\/\"\r\n},\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"HubSpot AI\",\r\ndescription:\"AI tools for marketing, sales and customer service.\",\r\nlogo:\"H\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"CRM\",\"MARKETING\"],\r\nurl:\"https:\/\/www.hubspot.com\/artificial-intelligence\"\r\n},\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"Zoho Zia\",\r\ndescription:\"AI assistant across Zoho business applications.\",\r\nlogo:\"Z\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"BUSINESS\",\"CRM\"],\r\nurl:\"https:\/\/www.zoho.com\/zia\/\"\r\n},\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"Oracle AI\",\r\ndescription:\"AI capabilities for enterprise business workflows.\",\r\nlogo:\"O\",\r\nlogoClass:\"logo-red\",\r\ntags:[\"ENTERPRISE\",\"AI\"],\r\nurl:\"https:\/\/www.oracle.com\/artificial-intelligence\/\"\r\n},\r\n\r\n{\r\ncategory:\"business\",\r\nname:\"SAP Joule\",\r\ndescription:\"AI copilot for enterprise business processes.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"ENTERPRISE\",\"COPILOT\"],\r\nurl:\"https:\/\/www.sap.com\/products\/artificial-intelligence\/ai-assistant.html\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   SALES AI \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"Apollo\",\r\ndescription:\"Sales intelligence and engagement platform.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"LEADS\",\"SALES\"],\r\nurl:\"https:\/\/www.apollo.io\"\r\n},\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"Clay\",\r\ndescription:\"AI powered data enrichment and outbound workflows.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"LEADS\",\"DATA\"],\r\nurl:\"https:\/\/www.clay.com\"\r\n},\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"Lavender\",\r\ndescription:\"AI email coach for sales outreach.\",\r\nlogo:\"L\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"EMAIL\",\"SALES\"],\r\nurl:\"https:\/\/www.lavender.ai\"\r\n},\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"Gong\",\r\ndescription:\"Revenue intelligence platform for sales teams.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SALES\",\"REVENUE\"],\r\nurl:\"https:\/\/www.gong.io\"\r\n},\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"Outreach\",\r\ndescription:\"Sales execution platform with AI capabilities.\",\r\nlogo:\"O\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"SALES\",\"OUTREACH\"],\r\nurl:\"https:\/\/www.outreach.io\"\r\n},\r\n\r\n{\r\ncategory:\"sales\",\r\nname:\"11x\",\r\ndescription:\"AI digital workers designed for sales workflows.\",\r\nlogo:\"11\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"AI SALES\",\"AGENTS\"],\r\nurl:\"https:\/\/www.11x.ai\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   RESEARCH & SEARCH \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"Perplexity\",\r\ndescription:\"AI search engine for research and answers.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"AI SEARCH\",\"RESEARCH\"],\r\nurl:\"https:\/\/www.perplexity.ai\"\r\n},\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"Elicit\",\r\ndescription:\"AI research assistant for academic papers.\",\r\nlogo:\"E\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"PAPERS\",\"RESEARCH\"],\r\nurl:\"https:\/\/elicit.com\"\r\n},\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"Consensus\",\r\ndescription:\"AI search engine for scientific research.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-green\",\r\ntags:[\"SCIENCE\",\"RESEARCH\"],\r\nurl:\"https:\/\/consensus.app\"\r\n},\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"You.com\",\r\ndescription:\"AI search and research assistant.\",\r\nlogo:\"Y\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SEARCH\",\"AI\"],\r\nurl:\"https:\/\/you.com\"\r\n},\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"Phind\",\r\ndescription:\"AI search assistant designed for technical questions.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"SEARCH\",\"TECH\"],\r\nurl:\"https:\/\/www.phind.com\"\r\n},\r\n\r\n{\r\ncategory:\"research\",\r\nname:\"Exa\",\r\ndescription:\"AI powered search and information retrieval.\",\r\nlogo:\"E\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"SEARCH\",\"RESEARCH\"],\r\nurl:\"https:\/\/exa.ai\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AI SECURITY \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"Darktrace\",\r\ndescription:\"AI powered cybersecurity threat detection.\",\r\nlogo:\"D\",\r\nlogoClass:\"logo-dark\",\r\ntags:[\"CYBERSECURITY\",\"THREATS\"],\r\nurl:\"https:\/\/www.darktrace.com\"\r\n},\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"CrowdStrike\",\r\ndescription:\"AI powered endpoint and threat protection.\",\r\nlogo:\"C\",\r\nlogoClass:\"logo-red\",\r\ntags:[\"SECURITY\",\"THREATS\"],\r\nurl:\"https:\/\/www.crowdstrike.com\"\r\n},\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"Microsoft Security Copilot\",\r\ndescription:\"AI assistant for cybersecurity teams.\",\r\nlogo:\"M\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SECURITY\",\"AI\"],\r\nurl:\"https:\/\/www.microsoft.com\/en-us\/security\/business\/ai-machine-learning\/microsoft-security-copilot\"\r\n},\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"SentinelOne\",\r\ndescription:\"AI powered autonomous cybersecurity platform.\",\r\nlogo:\"S\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"SECURITY\",\"ENDPOINT\"],\r\nurl:\"https:\/\/www.sentinelone.com\"\r\n},\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"Vectra AI\",\r\ndescription:\"AI powered network threat detection.\",\r\nlogo:\"V\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"SECURITY\",\"NETWORK\"],\r\nurl:\"https:\/\/www.vectra.ai\"\r\n},\r\n\r\n{\r\ncategory:\"security\",\r\nname:\"Abnormal Security\",\r\ndescription:\"AI powered email security platform.\",\r\nlogo:\"A\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"EMAIL\",\"SECURITY\"],\r\nurl:\"https:\/\/abnormalsecurity.com\"\r\n},\r\n\r\n\r\n\/* =========================================================\r\n   AI UTILITIES \u2014 6\r\n========================================================= *\/\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"ChatPDF\",\r\ndescription:\"Chat with PDFs and extract information using AI.\",\r\nlogo:\"P\",\r\nlogoClass:\"logo-red\",\r\ntags:[\"PDF\",\"DOCUMENTS\"],\r\nurl:\"https:\/\/www.chatpdf.com\"\r\n},\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"Gamma\",\r\ndescription:\"Create presentations and documents with AI.\",\r\nlogo:\"G\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"PRESENTATIONS\",\"DOCUMENTS\"],\r\nurl:\"https:\/\/gamma.app\"\r\n},\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"Otter.ai\",\r\ndescription:\"AI meeting transcription and summary assistant.\",\r\nlogo:\"O\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"MEETINGS\",\"TRANSCRIPTION\"],\r\nurl:\"https:\/\/otter.ai\"\r\n},\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"Fireflies.ai\",\r\ndescription:\"AI meeting recorder, transcription and summaries.\",\r\nlogo:\"F\",\r\nlogoClass:\"logo-orange\",\r\ntags:[\"MEETINGS\",\"NOTES\"],\r\nurl:\"https:\/\/fireflies.ai\"\r\n},\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"Tome\",\r\ndescription:\"AI powered storytelling and presentation creation.\",\r\nlogo:\"T\",\r\nlogoClass:\"logo-purple\",\r\ntags:[\"PRESENTATIONS\",\"AI\"],\r\nurl:\"https:\/\/tome.app\"\r\n},\r\n\r\n{\r\ncategory:\"utilities\",\r\nname:\"Beautiful.ai\",\r\ndescription:\"AI powered presentation creation platform.\",\r\nlogo:\"B\",\r\nlogoClass:\"logo-blue\",\r\ntags:[\"PRESENTATIONS\",\"DESIGN\"],\r\nurl:\"https:\/\/www.beautiful.ai\"\r\n}\r\n\r\n];\r\n\r\n\r\n\/* =========================================================\r\n   SETTINGS\r\n========================================================= *\/\r\n\r\nconst toolsGrid = document.getElementById(\"toolsGrid\");\r\nconst showMoreBtn = document.getElementById(\"showMoreBtn\");\r\nconst counterText = document.getElementById(\"counterText\");\r\nconst categoryTabs = document.querySelectorAll(\".category-tab\");\r\nconst toolSearch = document.getElementById(\"toolSearch\");\r\nconst searchClear = document.getElementById(\"searchClear\");\r\n\r\nlet currentCategory = \"all\";\r\nlet currentSearch = \"\";\r\n\r\nlet visibleCount = 9;\r\n\r\nconst INITIAL_TOOLS = 9;\r\nconst MORE_TOOLS = 10;\r\nconst LOAD_DELAY = 2000;\r\nlet isLoadingMore = false;\r\n\r\n\r\n\/* =========================================================\r\n   FILTER\r\n========================================================= *\/\r\n\r\nfunction getFilteredTools(){\r\n\r\n  const query = currentSearch.trim().toLowerCase();\r\n\r\n  return tools.filter(function(tool){\r\n\r\n    const matchesCategory =\r\n      currentCategory === \"all\" ||\r\n      tool.category === currentCategory;\r\n\r\n    if(!matchesCategory){\r\n      return false;\r\n    }\r\n\r\n    if(!query){\r\n      return true;\r\n    }\r\n\r\n    const searchableText = [\r\n      tool.name,\r\n      tool.description,\r\n      tool.category,\r\n      ...(tool.tags || [])\r\n    ].join(\" \").toLowerCase();\r\n\r\n    return searchableText.includes(query);\r\n\r\n  });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\nfunction createToolCard(tool,index){\r\n\r\n  const trending = index === 0\r\n    ? `<span class=\"trending\">Trending<\/span>`\r\n    : \"\";\r\n\r\n  const tags = tool.tags.map(function(tag){\r\n\r\n    return `\r\n      <span class=\"tool-tag\">\r\n        ${tag}\r\n      <\/span>\r\n    `;\r\n\r\n  }).join(\"\");\r\n\r\n  return `\r\n\r\n  <a\r\n    class=\"tool-card\"\r\n    href=\"${tool.url}\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n  >\r\n\r\n    <div class=\"card-top\">\r\n\r\n      <div class=\"tool-logo ${tool.logoClass}\">\r\n        ${tool.logo}\r\n      <\/div>\r\n\r\n      ${trending}\r\n\r\n    <\/div>\r\n\r\n\r\n    <h3>\r\n      ${tool.name}\r\n    <\/h3>\r\n\r\n\r\n    <p>\r\n      ${tool.description}\r\n    <\/p>\r\n\r\n\r\n    <div class=\"tool-tags\">\r\n      ${tags}\r\n    <\/div>\r\n\r\n\r\n    <div class=\"card-bottom\">\r\n\r\n      <div class=\"try-tool\">\r\n\r\n        <span class=\"try-dot\"><\/span>\r\n\r\n        Try Tool\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"open-icon\">\r\n        \u2197\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/a>\r\n\r\n  `;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RENDER\r\n========================================================= *\/\r\n\r\nfunction renderTools(){\r\n\r\n  const filteredTools = getFilteredTools();\r\n\r\n  const visibleTools =\r\n    filteredTools.slice(0,visibleCount);\r\n\r\n\r\n  if(visibleTools.length === 0){\r\n\r\n    toolsGrid.innerHTML = `\r\n      <div class=\"empty-tools\">\r\n        No AI tools available.\r\n      <\/div>\r\n    `;\r\n\r\n  }else{\r\n\r\n    toolsGrid.innerHTML =\r\n      visibleTools.map(function(tool,index){\r\n\r\n        return createToolCard(tool,index);\r\n\r\n      }).join(\"\");\r\n\r\n  }\r\n\r\n\r\n  \/* COUNTER *\/\r\n\r\n  const currentAmount =\r\n    Math.min(visibleCount,filteredTools.length);\r\n\r\n\r\n  counterText.textContent =\r\n    `Showing ${currentAmount} of ${filteredTools.length} tools`;\r\n\r\n\r\n  \/* SHOW MORE *\/\r\n\r\n  if(visibleCount >= filteredTools.length){\r\n\r\n    showMoreBtn.classList.add(\"hidden\");\r\n\r\n  }else{\r\n\r\n    showMoreBtn.classList.remove(\"hidden\");\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOW MORE\r\n========================================================= *\/\r\n\r\nshowMoreBtn.addEventListener(\"click\",function(){\r\n\r\n  if(isLoadingMore){\r\n    return;\r\n  }\r\n\r\n  const filteredTools = getFilteredTools();\r\n\r\n  if(visibleCount >= filteredTools.length){\r\n    return;\r\n  }\r\n\r\n  isLoadingMore = true;\r\n  showMoreBtn.disabled = true;\r\n  showMoreBtn.classList.add(\"loading\");\r\n  showMoreBtn.dataset.originalText = showMoreBtn.textContent;\r\n  showMoreBtn.textContent = \"Loading...\";\r\n\r\n  setTimeout(function(){\r\n\r\n    visibleCount += MORE_TOOLS;\r\n\r\n    isLoadingMore = false;\r\n    showMoreBtn.disabled = false;\r\n    showMoreBtn.classList.remove(\"loading\");\r\n    showMoreBtn.textContent = showMoreBtn.dataset.originalText || \"Show More\";\r\n\r\n    renderTools();\r\n\r\n  }, LOAD_DELAY);\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   SEARCH\r\n========================================================= *\/\r\n\r\nfunction updateSearchUI(){\r\n\r\n  searchClear.style.display =\r\n    currentSearch.trim() ? \"flex\" : \"none\";\r\n\r\n}\r\n\r\ntoolSearch.addEventListener(\"input\",function(){\r\n\r\n  currentSearch = this.value;\r\n  visibleCount = INITIAL_TOOLS;\r\n\r\n  updateSearchUI();\r\n  renderTools();\r\n\r\n});\r\n\r\nsearchClear.addEventListener(\"click\",function(){\r\n\r\n  toolSearch.value = \"\";\r\n  currentSearch = \"\";\r\n  visibleCount = INITIAL_TOOLS;\r\n\r\n  updateSearchUI();\r\n  renderTools();\r\n  toolSearch.focus();\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY CHANGE\r\n========================================================= *\/\r\n\r\ncategoryTabs.forEach(function(tab){\r\n\r\n  tab.addEventListener(\"click\",function(){\r\n\r\n    categoryTabs.forEach(function(item){\r\n\r\n      item.classList.remove(\"active\");\r\n\r\n    });\r\n\r\n\r\n    tab.classList.add(\"active\");\r\n\r\n\r\n    currentCategory =\r\n      tab.dataset.category;\r\n\r\n\r\n    \/* Every tab starts from 9 *\/\r\n\r\n    visibleCount =\r\n      INITIAL_TOOLS;\r\n\r\n\r\n    renderTools();\r\n\r\n\r\n    setTimeout(function(){\r\n\r\n      const position =\r\n        toolsGrid.getBoundingClientRect().top +\r\n        window.pageYOffset -\r\n        35;\r\n\r\n      window.scrollTo({\r\n\r\n        top:position,\r\n\r\n        behavior:\"smooth\"\r\n\r\n      });\r\n\r\n    },80);\r\n\r\n  });\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   INITIAL\r\n========================================================= *\/\r\n\r\nupdateSearchUI();\r\nrenderTools();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f4d08 elementor-widget elementor-widget-html\" data-id=\"43f4d08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>AI Learning CTA Section<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n  margin:0;\r\n  background:#000;\r\n  color:#fff;\r\n  font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* ==============================\r\n   AI LEARNING CTA SECTION\r\n============================== *\/\r\n\r\n.ai-learning-cta{\r\n  width:100%;\r\n  min-height:430px;\r\n  padding:26px 20px 64px;\r\n  background:#000;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  text-align:center;\r\n  overflow:hidden;\r\n}\r\n\r\n.ai-learning-container{\r\n  width:100%;\r\n  max-width:900px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ==============================\r\n   TOP BADGE\r\n============================== *\/\r\n\r\n.join-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:9px;\r\n  padding:9px 17px;\r\n  margin-bottom:27px;\r\n\r\n  border:1px solid #425500;\r\n  border-radius:999px;\r\n\r\n  background:#101500;\r\n  color:#baff00;\r\n\r\n  text-decoration:none;\r\n  font-size:12px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.1px;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.join-badge:hover{\r\n  transform:translateY(-2px);\r\n  background:#baff00;\r\n  border-color:#baff00;\r\n  color:#050505;\r\n  box-shadow:0 8px 30px rgba(186,255,0,.14);\r\n}\r\n\r\n.join-dot{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#baff00;\r\n  flex-shrink:0;\r\n  transition:background .25s ease;\r\n}\r\n\r\n.join-badge:hover .join-dot{\r\n  background:#050505;\r\n}\r\n\r\n\/* ==============================\r\n   HEADING\r\n============================== *\/\r\n\r\n.ai-learning-title{\r\n  margin:0;\r\n  color:#fff;\r\n  font-size:48px;\r\n  line-height:1.12;\r\n  font-weight:800;\r\n  letter-spacing:-1.8px;\r\n}\r\n\r\n.ai-learning-description{\r\n  max-width:690px;\r\n  margin:22px auto 0;\r\n  color:#c8c8c8;\r\n  font-size:19px;\r\n  line-height:1.7;\r\n  font-weight:400;\r\n}\r\n\r\n\/* ==============================\r\n   BUTTONS\r\n============================== *\/\r\n\r\n.ai-learning-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:19px;\r\n  margin-top:42px;\r\n}\r\n\r\n.cta-button{\r\n  min-width:240px;\r\n  min-height:64px;\r\n  padding:16px 28px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  border-radius:20px;\r\n  text-decoration:none;\r\n\r\n  font-size:16px;\r\n  font-weight:800;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n\/* ==============================\r\n   PRIMARY BUTTON\r\n============================== *\/\r\n\r\n.cta-primary{\r\n  background:#baff00;\r\n  border:1px solid #baff00;\r\n  color:#050505;\r\n}\r\n\r\n.cta-primary:hover{\r\n  background:#c7ff45;\r\n  border-color:#c7ff45;\r\n  color:#050505;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 12px 35px rgba(186,255,0,.18);\r\n}\r\n\r\n\/* ==============================\r\n   SECONDARY \/ BOTTOM BUTTON\r\n   HOVER TEXT = GREEN\r\n============================== *\/\r\n\r\n.cta-secondary{\r\n  background:#111;\r\n  border:1px solid #303030;\r\n  color:#fff;\r\n}\r\n\r\n.cta-secondary:hover{\r\n  background:#1a1a1a;\r\n  border-color:#baff00;\r\n  color:#baff00;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 10px 30px rgba(186,255,0,.08);\r\n}\r\n\r\n\/* ==============================\r\n   ARROW\r\n============================== *\/\r\n\r\n.cta-arrow{\r\n  font-size:23px;\r\n  line-height:1;\r\n  font-weight:400;\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.cta-primary:hover .cta-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\/* ==============================\r\n   OPTIONAL TARGET SECTIONS\r\n============================== *\/\r\n\r\n.demo-targets{\r\n  display:none;\r\n}\r\n\r\n\/* ==============================\r\n   RESPONSIVE\r\n============================== *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .ai-learning-cta{\r\n    min-height:430px;\r\n    padding:30px 18px 55px;\r\n  }\r\n\r\n  .join-badge{\r\n    margin-bottom:23px;\r\n  }\r\n\r\n  .ai-learning-title{\r\n    font-size:36px;\r\n    line-height:1.14;\r\n    letter-spacing:-1.2px;\r\n  }\r\n\r\n  .ai-learning-description{\r\n    margin-top:18px;\r\n    font-size:16px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .ai-learning-actions{\r\n    flex-direction:column;\r\n    gap:12px;\r\n    margin-top:32px;\r\n    width:100%;\r\n  }\r\n\r\n  .cta-button{\r\n    width:100%;\r\n    min-width:0;\r\n    min-height:58px;\r\n    border-radius:17px;\r\n    font-size:15px;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .ai-learning-title{\r\n    font-size:31px;\r\n  }\r\n\r\n  .ai-learning-description{\r\n    font-size:15px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-learning-cta\" id=\"ai-learning\">\r\n\r\n  <div class=\"ai-learning-container\">\r\n\r\n    <!-- JOIN BADGE -->\r\n    <a\r\n      href=\"#join\"\r\n      class=\"join-badge\"\r\n      aria-label=\"Join Aaghaz AI\"\r\n    >\r\n      <span class=\"join-dot\"><\/span>\r\n      JOIN AAGHAZ AI\r\n    <\/a>\r\n\r\n    <!-- HEADING -->\r\n    <h2 class=\"ai-learning-title\">\r\n      Ready to Build Your Own AI Tools?\r\n    <\/h2>\r\n\r\n    <!-- DESCRIPTION -->\r\n    <p class=\"ai-learning-description\">\r\n      Learn to create production-ready AI applications with our\r\n      comprehensive courses. From basics to advanced, we've got you\r\n      covered.\r\n    <\/p>\r\n\r\n    <!-- CLICKABLE BUTTONS -->\r\n    <div class=\"ai-learning-actions\">\r\n\r\n      <a\r\n        href=\"#programs\"\r\n        class=\"cta-button cta-primary\"\r\n        aria-label=\"Explore AI programs\"\r\n      >\r\n        <span>Explore Programs<\/span>\r\n        <span class=\"cta-arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n      <a\r\n        href=\"#learning\"\r\n        class=\"cta-button cta-secondary\"\r\n        aria-label=\"Start learning AI\"\r\n      >\r\n        Start Learning\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!--\r\n  OPTIONAL TARGETS:\r\n\r\n  If your website already has sections with these IDs,\r\n  the buttons will automatically scroll to them.\r\n\r\n  #join\r\n  #programs\r\n  #learning\r\n\r\n  Example:\r\n\r\n  <section id=\"programs\">...<\/section>\r\n  <section id=\"learning\">...<\/section>\r\n-->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI Tools Directory \u2014 Unleash Your Creative Core Unleash Your Creative Core \u2315 \u00d7 Explore Categories \u2723 All Tools \u25a3&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":22,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}