[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-yasai-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-yasai-en-US":130,"related-resources-yasai-en-US":191},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":44,"files":10},119,"Yasai","yasai","https:\u002F\u002Fwangyasai.github.io\u002Fdesigntools.html","2025-11-11T09:07:58.366+00:00",null,"offering particle text, digital rain effects, and dynamic generators for free commercial use.","Tool Categories\nText Effects:\nWaveFont: Adjust wave height and color gradients for text\nPerlinNoisePainter: Generate particle-filled text by inputting characters\nTheMatrix: Customize text content and falling direction for digital rain effect\nBackground Elements:\nStars-Emmision: Adjust line color, speed, and direction for radial effects\nSpeed-Line: Create dynamic focus lines with curved styles\nPlay-a-ball: Generate 3D spheres with ring, grid patterns\nNoise-flow-field-painter: Convert images to oil painting style\nBezier: Visually adjust curve parameters\nTechnical Capabilities\nFile Formats: SVG (editable vectors), PNG (transparent background), GIF (dynamic effects)\nInteraction: Real-time parameter adjustment with random generation function\nCommercial License: All generated content is free for commercial use without attribution\nPlatform Highlights\nTools are standalone web apps requiring no software installation\nChinese interface with simple operation suitable for design beginners\nRegular updates with new tools like fluid simulation and 3D deformation",{"title":14,"meta_description":15},"Yasai - offering particle text, digital rain effects, and dynamic generators for free commercial use. | DesignToolMark","Tool Categories Text Effects: WaveFont: Adjust wave height and color gradients for text PerlinNoisePainter: Generate particlefilled text by inputting charact...",[17,18,19,20,21,22],"Particle text generation with PerlinNoisePainter for flowing letter effects","TheMatrix digital rain effect with customizable text and fall direction","WaveFont with adjustable wave height and color gradients for text","Stars-Emission background elements with line color and speed adjustment","Free commercial use for all generated assets","Multiple text effect generators in a single tool",[24,25,26],"All effects are free for commercial use with no watermark","Diverse range from text effects to background particles","Easy to use with simple parameter sliders",[28,29],"Limited customization depth beyond basic parameters","No SVG or vector export options","Best for developers and designers who need quick, free particle text effects and Matrix-style digital rain for commercial projects.","df1f3693-9486-4ee9-92fc-c8936c90d6cf.webp","9acfe13b-952d-43c7-9bdd-8e050c73ce8f.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Illustrations & Graphics","illustrations-graphics",[41],{"name":42,"slug":43},"Background & Pattern Generators","background-pattern-generators",[45,48,51],{"name":46,"slug":47},"Illustrations","illustrations",{"name":49,"slug":50},"AI","ai",{"name":52,"slug":53},"Freebie","freebie",[55,77,92,105],{"id":56,"url":57,"icon":10,"name":58,"slug":59,"tags":60,"cover":73,"tagline":74,"is_featured":75,"date_created":76,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[61,63,65,67,69,71],{"seo":10,"name":62,"slug":33},"Free",{"seo":10,"name":10,"slug":64},"fonts",{"seo":10,"name":10,"slug":66},"icons",{"seo":10,"name":10,"slug":68},"mockups",{"seo":10,"name":10,"slug":70},"ui-kits",{"seo":10,"name":10,"slug":72},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":78,"url":79,"icon":10,"name":80,"slug":81,"tags":82,"cover":89,"tagline":90,"is_featured":75,"date_created":91,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[83,84,87],{"seo":10,"name":62,"slug":33},{"seo":10,"name":85,"slug":86},"Open Source","open-source",{"seo":10,"name":10,"slug":88},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":93,"url":94,"icon":10,"name":95,"slug":96,"tags":97,"cover":102,"tagline":103,"is_featured":75,"date_created":104,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[98,99,100],{"seo":10,"name":62,"slug":33},{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":101},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":106,"url":107,"icon":10,"name":108,"slug":109,"tags":110,"cover":127,"tagline":128,"is_featured":75,"date_created":129,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[111,114,115,116,119,120,121,123,125],{"seo":10,"name":112,"slug":113},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":50},{"seo":10,"name":62,"slug":33},{"seo":10,"name":117,"slug":118},"Freemium","freemium",{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":72},{"seo":10,"name":10,"slug":122},"prototyping",{"seo":10,"name":10,"slug":124},"no-code",{"seo":10,"name":10,"slug":126},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[131,137,143,149,155,161,167,173,179,185],{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fgetillustrations.com\u002F","Getillustrations","getillustrations","e981f72f-ff66-43c0-9a4e-76aadeafe5f3.webp","A resource platform offering 37,000+ royalty-free vector illustrations with free commercial use (attribution required) and paid licensing options.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fweareskribbl.com\u002F","Skribbl","skribbl","150e2612-cced-4ff8-bb42-57eb156caab5.webp","A resource platform offering 2,966 hand-drawn royalty-free illustrations for commercial use, created by 77 global artists.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fneat.firecms.co\u002F","NEAT","neat","13b223d1-bcb0-46cf-b6db-c4761145126b.webp","A 3D gradient animation library by FireCMS, built on three.js with web integration and custom configuration support.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fwww.shapedivider.app\u002F","ShapeDivider","shape-divider","3f53d144-7230-48f6-ad63-5eb4af777f6d.webp","A free SVG shape divider generator with custom styling and code export, suitable for web design.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Ffaces.notion.com\u002F","Notion Faces","notion-faces","25912576-c211-46aa-818a-6e567930cfe6.webp","Official free avatar generator by Notion, supporting custom facial features with commercial use allowed under attribution.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fui8.net\u002Fcategory\u002Fillustrations","UI8 illustrations","ui-8-illustrations","212e0213-fc88-4c6a-ade4-9c1a0ae59f07.webp","A resource platform offering 1315 paid vector illustrations across multiple styles, priced from $5 to $69 per pack.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fbgjar.com\u002F","BGJar","bg-jar","251fe04f-7917-4f20-ab4f-2dcdbd8c9ec5.webp","A free SVG background generator with 25 preset styles, supporting custom editing and commercial use.",{"url":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fcreatica.app\u002F","Creatica","creatica","35ddc99f-ff27-4aa5-b3b4-a21287da7eac.webp","An online tool with 50+ SVG background generators, offering free basic access and Pro subscription for advanced customization.",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"https:\u002F\u002Fwww.background.supply\u002F","Background","background","8d3ccad6-211d-460f-bac4-c664242345ca.webp","An AI-generated background resource site offering 6K resolution images with Midjourney prompts, organized into 6 thematic collections.",{"url":186,"name":187,"slug":188,"cover":189,"tagline":190},"https:\u002F\u002Ficons8.com\u002Fillustrations","OUCH","ouch","369cffbe-5495-4335-a8c2-ced47a5ae500.webp","A resource platform offering free vector, 3D, and animated illustrations with multiple styles and format support.",[192,201,214],{"url":193,"icon":10,"name":194,"slug":195,"tags":196,"cover":198,"tagline":199,"is_featured":75,"date_created":200,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[197],{"seo":10,"name":10,"slug":124},"9ee2077d-de96-48a7-b428-8fc41efb45ab.webp","Free design tool collection for developers","2026-06-23T14:37:15.970506+00:00",{"url":202,"icon":10,"name":203,"slug":204,"tags":205,"cover":211,"tagline":212,"is_featured":75,"date_created":213,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[206,207,208,210],{"seo":10,"name":10,"slug":50},{"seo":10,"name":112,"slug":113},{"seo":10,"name":10,"slug":209},"image-editing",{"seo":10,"name":117,"slug":118},"90a140a0-f351-4c2b-84aa-2b6f26cbc3b6.webp","AI product photo background generator","2026-06-23T12:31:55.630534+00:00",{"url":215,"icon":10,"name":216,"slug":217,"tags":218,"cover":222,"tagline":223,"is_featured":75,"date_created":224,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[219,220,221],{"seo":10,"name":62,"slug":33},{"seo":10,"name":10,"slug":47},{"seo":10,"name":10,"slug":101},"199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery","2026-06-23T11:25:28.014388+00:00"]