diff --git a/src/data/Tool.ts b/src/data/Tool.ts
index e7842d2..6298768 100644
--- a/src/data/Tool.ts
+++ b/src/data/Tool.ts
@@ -30,6 +30,8 @@ export default Tool
 
 export const TOOLS: Tool[] = [
     Ruby, Rails, Php, Symfony, Sylius, Javascript, Typescript, React, Hotwire, Dart, Flutter, Rust,
+    CSS, SASS, Tailwind, Bootstrap,
+    Webpack, RequireJS, Vite,
     Java, OpenGL, LWJGL, CSharp, Unity3D, GodotEngine
 ]
 
@@ -147,6 +149,50 @@ export const Hotwire: Tool = {
 
 // CSS
 
+export const CSS: Tool = {
+    type: ToolType.LANGUAGE,
+    name: 'CSS',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://www.w3schools.com/css/',
+    depend_tools: [],
+    developed_platforms: [ToolPlatform.MOBILE, ToolPlatform.DESKTOP, ToolPlatform.WEB_FRONT]
+}
+
+export const SASS: Tool = {
+    type: ToolType.LANGUAGE,
+    name: 'SASS',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://sass-lang.com/',
+    depend_tools: [CSS],
+    developed_platforms: CSS.developed_platforms
+}
+
+export const Tailwind: Tool = {
+    type: ToolType.OTHER,
+    name: 'Tailwind',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://tailwindcss.com/',
+    depend_tools: [SASS],
+    developed_platforms: SASS.developed_platforms
+}
+
+export const Bootstrap: Tool = {
+    type: ToolType.OTHER,
+    name: 'Bootstrap',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://getbootstrap.com/',
+    depend_tools: [CSS],
+    developed_platforms: CSS.developed_platforms
+}
+
 // FLUTTER
 
 export const Dart: Tool = {
@@ -250,4 +296,39 @@ export const GodotEngine: Tool = {
     url: 'https://godotengine.org/',
     depend_tools: [CSharp, OpenGL],
     developed_platforms: CSharp.developed_platforms
+}
+
+// Builder
+
+export const Webpack: Tool = {
+    type: ToolType.OTHER,
+    name: 'Webpack',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://webpack.js.org/',
+    depend_tools: [],
+    developed_platforms: CSS.developed_platforms
+}
+
+export const Vite: Tool = {
+    type: ToolType.OTHER,
+    name: 'Vite',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://vitejs.dev/',
+    depend_tools: [],
+    developed_platforms: CSS.developed_platforms
+}
+
+export const RequireJS: Tool = {
+    type: ToolType.OTHER,
+    name: 'RequireJS',
+    version: null,
+    icon: null,
+    description: null,
+    url: 'https://requirejs.org/',
+    depend_tools: [],
+    developed_platforms: CSS.developed_platforms
 }
\ No newline at end of file