{"_id":"3d-grass-title","_rev":"4-71b53b7412a79ec702cbd6cd735048e7","name":"3d-grass-title","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"3d-grass-title","version":"1.0.0","keywords":["web-component","lit","threejs","3d","grass","shader","typescript"],"author":{"name":"Misael Mercado"},"license":"MIT","_id":"3d-grass-title@1.0.0","maintainers":[{"name":"misaelmercado","email":"misaelmdev@gmail.com"}],"homepage":"https://github.com/misaelm/3d-grass-title#readme","bugs":{"url":"https://github.com/misaelm/3d-grass-title/issues"},"dist":{"shasum":"e0b82c06c5a308dd780f2b1e32cd1d69f2441d1e","tarball":"https://registry.npmjs.org/3d-grass-title/-/3d-grass-title-1.0.0.tgz","fileCount":10,"integrity":"sha512-3pwmT8hQUKkmHD5CPPGGEn5+1CiMiJFUye9zHL0JbcWBhd5JSYLT/MYN9bwto9ClbFcbdcEpjJ+xXGoHvyZVKw==","signatures":[{"sig":"MEQCIANgFGW4MCFrjX+TbawC+22WQNdPVIFEv8yayZ2vihrGAiBJudI2qLUMmwJ26ya6V1qn3V8929Fw+Bm1kmIDoMp9pw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5250756},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"2ef006eccb12452548d37f2fee21808be52fd4fc","scripts":{"dev":"vite","test":"vitest","build":"tsc && vite build","preview":"vite preview","test:run":"vitest run","typecheck":"tsc --noEmit","build:demo":"vite build"},"_npmUser":{"name":"misaelmercado","email":"misaelmdev@gmail.com"},"repository":{"url":"git+https://github.com/misaelm/3d-grass-title.git","type":"git"},"_npmVersion":"10.9.2","description":"A customizable 3D grass-textured title web component using Lit + TypeScript + Three.js","directories":{},"_nodeVersion":"23.9.0","dependencies":{"lit":"^3.0.0","three":"^0.158.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","dotenv":"^17.2.0","vitest":"^1.0.0","happy-dom":"^12.0.0","typescript":"^5.0.0","@types/node":"^24.0.14","@types/three":"^0.158.0","vite-plugin-dts":"^3.6.0"},"_npmOperationalInternal":{"tmp":"tmp/3d-grass-title_1.0.0_1752771479495_0.8103072256919703","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"3d-grass-title","version":"1.0.2","keywords":["web-component","lit","threejs","3d","grass","shader","typescript"],"author":{"name":"Misael Mercado"},"license":"MIT","_id":"3d-grass-title@1.0.2","maintainers":[{"name":"misaelmercado","email":"misaelmdev@gmail.com"}],"homepage":"https://github.com/MisaelMP/3d-grass-title#readme","bugs":{"url":"https://github.com/MisaelMP/3d-grass-title/issues"},"dist":{"shasum":"1cac119849dab0d777a1d1782f0b2d5e6c84a1fc","tarball":"https://registry.npmjs.org/3d-grass-title/-/3d-grass-title-1.0.2.tgz","fileCount":10,"integrity":"sha512-i+7OoZbDMupFuoJZMeYUCYErhc8Dg4wdJpqhKfnUAggA2bIoUe06uOzPmxNeNy3v2aM/DXWGcfoHULwtmaMOsA==","signatures":[{"sig":"MEQCIGR9H7CLQp/gdgtSgX7qrc+kQYIefwoXCYfwKsQVvmk1AiAK2irU2hjjbHyvcE0Em+ZiM74jTP25CUFjY/acvVEpbA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5230550},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"9b7af7f40a423bd1a753e9b3e544ea9a3f3fc631","scripts":{"dev":"vite","test":"vitest","build":"tsc && vite build","preview":"vite preview","test:run":"vitest run","typecheck":"tsc --noEmit","build:demo":"vite build"},"_npmUser":{"name":"misaelmercado","email":"misaelmdev@gmail.com"},"repository":{"url":"git+https://github.com/MisaelMP/3d-grass-title.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable 3D grass-textured title web component using Lit + TypeScript + Three.js","directories":{},"_nodeVersion":"20.19.3","dependencies":{"lit":"^3.0.0","three":"^0.158.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","dotenv":"^17.2.0","vitest":"^1.0.0","happy-dom":"^18.0.1","typescript":"^5.0.0","@types/node":"^24.0.14","@types/three":"^0.158.0","vite-plugin-dts":"^4.5.4"},"_npmOperationalInternal":{"tmp":"tmp/3d-grass-title_1.0.2_1752775492036_0.7595890666037535","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"3d-grass-title","version":"1.0.3","keywords":["web-component","lit","threejs","3d","grass","shader","typescript"],"author":{"name":"Misael Mercado"},"license":"MIT","_id":"3d-grass-title@1.0.3","maintainers":[{"name":"misaelmercado","email":"misaelmdev@gmail.com"}],"homepage":"https://github.com/MisaelMP/3d-grass-title#readme","bugs":{"url":"https://github.com/MisaelMP/3d-grass-title/issues"},"dist":{"shasum":"ffeeb72607bc34605fbc2f0dad43c17cbdaec41a","tarball":"https://registry.npmjs.org/3d-grass-title/-/3d-grass-title-1.0.3.tgz","fileCount":10,"integrity":"sha512-7ugM0pfk17KPp0z9Mfn27I84tWqJcQ1Dstvr9Mr4+e1w/nJOWqlAMiTKMZCszmXmXU2n2SIgu4BWQilFYfgm/A==","signatures":[{"sig":"MEUCIQCDRviJ1J+dwNolv5m6cMkpMZ6d/UXvXVZSnZez34EFVQIgZi16PSEyhJUpzbg7hXwXuBT+x8mFr2JXK583omiAq3A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5230475},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"fe4e3941ecaf6f41ab3a9831cac427b755b79d8f","scripts":{"dev":"vite","test":"vitest","build":"tsc && vite build","preview":"vite preview","test:run":"vitest run","typecheck":"tsc --noEmit","build:demo":"vite build","prepublishOnly":"npm run security:check && npm run build","security:audit":"npm audit","security:check":"npm run security:audit && npm run typecheck && npm run test:run","security:audit-fix":"npm audit fix"},"_npmUser":{"name":"misaelmercado","email":"misaelmdev@gmail.com"},"repository":{"url":"git+https://github.com/MisaelMP/3d-grass-title.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable 3D grass-textured title web component using Lit + TypeScript + Three.js","directories":{},"_nodeVersion":"20.19.3","dependencies":{"lit":"^3.0.0","three":"^0.158.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.5","dotenv":"^17.2.0","vitest":"^3.2.4","happy-dom":"^18.0.1","typescript":"^5.0.0","@types/node":"^24.0.14","@types/three":"^0.158.0","vite-plugin-dts":"^4.5.4"},"_npmOperationalInternal":{"tmp":"tmp/3d-grass-title_1.0.3_1752981902586_0.36837256499171245","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"3d-grass-title","version":"1.0.4","description":"A customizable 3D grass-textured title web component using Lit + TypeScript + Three.js","main":"dist/index.js","type":"module","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"dev":"vite","build":"tsc && vite build","build:demo":"vite build","preview":"vite preview","typecheck":"tsc --noEmit","test":"vitest","test:run":"vitest run","security:audit":"npm audit","security:audit-fix":"npm audit fix","security:check":"npm run security:audit && npm run typecheck && npm run test:run","prepublishOnly":"npm run security:check && npm run build"},"keywords":["web-component","lit","threejs","3d","grass","shader","typescript"],"author":{"name":"Misael Mercado"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/MisaelMP/3d-grass-title.git"},"homepage":"https://github.com/MisaelMP/3d-grass-title#readme","bugs":{"url":"https://github.com/MisaelMP/3d-grass-title/issues"},"publishConfig":{"access":"public"},"devDependencies":{"@types/node":"^24.0.14","@types/three":"^0.158.0","dotenv":"^17.2.0","happy-dom":"^18.0.1","jsdom":"^26.1.0","typescript":"^5.0.0","vite":"^7.0.5","vite-plugin-dts":"^4.5.4","vitest":"^3.2.4"},"dependencies":{"lit":"^3.0.0","three":"^0.158.0"},"_id":"3d-grass-title@1.0.4","gitHead":"fa9c511f1e1a27e389fa5e4a7df58c7a2866ae87","types":"./dist/index.d.ts","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-5tveHueubG1dWS3Sdo5a28WadnGfOuJIELl8OcoZYposMoljVJbW2AmDZP4O9hmG6MVxv96uMZjvhUB6AkYSag==","shasum":"682592860f1a40ca0149e8d33d2167f9bc8405f6","tarball":"https://registry.npmjs.org/3d-grass-title/-/3d-grass-title-1.0.4.tgz","fileCount":11,"unpackedSize":5230508,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC/FBRSLJJnp/rDWFPebEuFFN1DxqkeY55GABUzj24cdAIhAPmIM2u9CIUELoGLEw1K9a22XtGoOulIpNQ1PHGaeSsQ"}]},"_npmUser":{"name":"misaelmercado","email":"misaelmdev@gmail.com"},"directories":{},"maintainers":[{"name":"misaelmercado","email":"misaelmdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/3d-grass-title_1.0.4_1753757383663_0.2933684637315388"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-17T16:57:59.424Z","modified":"2025-07-29T02:49:44.138Z","1.0.0":"2025-07-17T16:57:59.734Z","1.0.2":"2025-07-17T18:04:52.421Z","1.0.3":"2025-07-20T03:25:02.849Z","1.0.4":"2025-07-29T02:49:43.953Z"},"bugs":{"url":"https://github.com/MisaelMP/3d-grass-title/issues"},"author":{"name":"Misael Mercado"},"license":"MIT","homepage":"https://github.com/MisaelMP/3d-grass-title#readme","keywords":["web-component","lit","threejs","3d","grass","shader","typescript"],"repository":{"type":"git","url":"git+https://github.com/MisaelMP/3d-grass-title.git"},"description":"A customizable 3D grass-textured title web component using Lit + TypeScript + Three.js","maintainers":[{"name":"misaelmercado","email":"misaelmdev@gmail.com"}],"readme":"# 3D Grass Title\n\n[![CI](https://github.com/MisaelMP/3d-grass-title/workflows/CI/badge.svg)](https://github.com/MisaelMP/3d-grass-title/actions)\n[![npm version](https://badge.fury.io/js/3d-grass-title.svg)](https://www.npmjs.com/package/3d-grass-title)\n[![Security](https://img.shields.io/badge/security-audited-green.svg)](./SECURITY.md)\n\nA customizable 3D grass-textured title web component using Lit + TypeScript + Three.js.\n\n## Features\n\n- **Grass Shader**: Realistic grass-like displacement and coloring with animated wind effects\n- **Customizable**: Full control over text, color, lighting, rotation, and camera position\n- **Responsive**: Automatically adapts to container size and device pixel ratio\n- **Performance**: Optimized Three.js rendering with efficient shader materials\n- **TypeScript**: Full TypeScript support with type definitions\n- **Web Components**: Standard web component API, works with any framework\n\n## Installation\n\n```bash\nnpm install 3d-grass-title\n```\n\n## Usage\n\n### Basic Usage\n\n```html\n<script type=\"module\">\n\timport '3d-grass-title';\n</script>\n\n<grass-title text=\"Your Title Here\"></grass-title>\n```\n\n### With Custom Properties\n\n```html\n<grass-title\n\ttext=\"Columbus Reclaimed\"\n\tcolor=\"#66ff99\"\n\tlight-intensity=\"2\"\n\trotation=\"[0, 0.3, 0]\"\n\tcamera-distance=\"6\"\n\tlink=\"https://example.com\"\n></grass-title>\n```\n\n## Properties\n\n| Property         | Type                       | Default     | Description                                                      |\n| ---------------- | -------------------------- | ----------- | ---------------------------------------------------------------- |\n| `text`           | `string`                   | `'Welcome'` | The text to display                                              |\n| `color`          | `string`                   | `'#33ff33'` | Base color of the grass shader                                   |\n| `lightIntensity` | `number`                   | `1.2`       | Intensity of the directional light                               |\n| `rotation`       | `[number, number, number]` | `[0, 0, 0]` | Rotation angles in radians [x, y, z]                             |\n| `cameraDistance` | `number`                   | `6`         | Distance of the camera from the text                             |\n| `fontUrl`        | `string`                   | `undefined` | URL to a custom Three.js font JSON file                          |\n| `link`           | `string`                   | `undefined` | URL to navigate to when clicked (with particle spread animation) |\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Build demo site\nnpm run build:demo\n\n# Type check\nnpm run typecheck\n```\n\n## Demo\n\nVisit the [live demo](https://3d-grass-title.vercel.app) to see the component in action and experiment with different settings.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}