diff --git a/src/main/api/routes/snippets.ts b/src/main/api/routes/snippets.ts
index 470878a6..bbcd4828 100644
--- a/src/main/api/routes/snippets.ts
+++ b/src/main/api/routes/snippets.ts
@@ -342,5 +342,32 @@ app
       },
     },
   )
+  // Удаление содержимого сниппета
+  .delete(
+    '/:id/contents/:contentId',
+    ({ params, set }) => {
+      const { contentId } = params
+
+      const result = db
+        .prepare(
+          `
+      DELETE FROM snippet_contents WHERE id = ?
+      `,
+        )
+        .run(contentId)
+
+      if (!result.changes) {
+        set.status = 404
+        throw new Error('Snippet content not found')
+      }
+
+      return { message: 'Snippet content deleted' }
+    },
+    {
+      detail: {
+        tags: ['Snippets'],
+      },
+    },
+  )
 
 export default app
diff --git a/src/renderer/components/editor/Tab.vue b/src/renderer/components/editor/Tab.vue
index 024b9ee4..db94aa4f 100644
--- a/src/renderer/components/editor/Tab.vue
+++ b/src/renderer/components/editor/Tab.vue
@@ -4,14 +4,21 @@ import { useApp, useSnippets, useSnippetUpdate } from '@/composables'
 import { i18n } from '@/electron'
 
 interface Props {
+  id: number
+  index: number
   name: string
 }
 
 const props = defineProps<Props>()
 
-const { selectedSnippetContent, selectedSnippet } = useSnippets()
+const { selectedSnippetContent, selectedSnippet, deleteSnippetContent }
+  = useSnippets()
 const { addToUpdateContentQueue } = useSnippetUpdate()
-const { highlightedSnippetId, highlightedFolderId } = useApp()
+const {
+  highlightedSnippetId,
+  highlightedFolderId,
+  selectedSnippetContentIndex,
+} = useApp()
 
 const tabRef = ref<HTMLDivElement>()
 const isEdit = ref(false)
@@ -37,6 +44,17 @@ function onClickContextMenu() {
   highlightedSnippetId.value = undefined
   highlightedFolderId.value = undefined
 }
+
+async function onDelete() {
+  await deleteSnippetContent(selectedSnippet.value!.id, props.id)
+
+  if (selectedSnippetContentIndex.value === props.index) {
+    selectedSnippetContentIndex.value = 0
+  }
+  else if (selectedSnippetContentIndex.value > props.index) {
+    selectedSnippetContentIndex.value--
+  }
+}
 </script>
 
 <template>
@@ -62,7 +80,7 @@ function onClickContextMenu() {
           }}</span>"
         </ContextMenu.Item>
         <ContextMenu.Separator />
-        <ContextMenu.Item>
+        <ContextMenu.Item @click="onDelete">
           {{ i18n.t("delete") }} "<span class="max-w-36 truncate">{{
             name
           }}</span>"
diff --git a/src/renderer/components/editor/header/Header.vue b/src/renderer/components/editor/header/Header.vue
index 910e2419..b5e8ad0d 100644
--- a/src/renderer/components/editor/header/Header.vue
+++ b/src/renderer/components/editor/header/Header.vue
@@ -3,8 +3,8 @@ import { useApp, useSnippets, useSnippetUpdate } from '@/composables'
 import { i18n } from '@/electron'
 import { Plus, Type } from 'lucide-vue-next'
 
-const { selectedSnippet } = useSnippets()
-const { selectedSnippetContentIndex } = useApp()
+const { selectedSnippet, createSnippetContent } = useSnippets()
+const { selectedSnippetContentIndex, isFocusedSnippetName } = useApp()
 const { addToUpdateQueue } = useSnippetUpdate()
 
 const isShowDescription = ref(false)
@@ -23,6 +23,14 @@ const name = computed({
     })
   },
 })
+
+async function onAddFragment() {
+  const index = await createSnippetContent(selectedSnippet.value!.id)
+
+  if (index) {
+    selectedSnippetContentIndex.value = index
+  }
+}
 </script>
 
 <template>
@@ -35,18 +43,23 @@ const name = computed({
           v-model="name"
           variant="ghost"
           class="w-full px-0"
+          :select="isFocusedSnippetName"
+          @blur="isFocusedSnippetName = false"
         />
       </div>
       <div class="ml-2 flex">
-        <EditorHeaderActionButton
+        <UiActionButton
           :tooltip="i18n.t('addDescription')"
           @click="isShowDescription = !isShowDescription"
         >
           <Type class="h-3 w-3" />
-        </EditorHeaderActionButton>
-        <EditorHeaderActionButton :tooltip="i18n.t('newFragment')">
+        </UiActionButton>
+        <UiActionButton
+          :tooltip="i18n.t('newFragment')"
+          @click="onAddFragment"
+        >
           <Plus class="h-4 w-4" />
-        </EditorHeaderActionButton>
+        </UiActionButton>
       </div>
     </div>
     <div
@@ -55,7 +68,9 @@ const name = computed({
     >
       <EditorTab
         v-for="(i, index) in selectedSnippet?.contents"
+        :id="i.id"
         :key="i.id"
+        :index="index"
         :name="i.label"
         :class="{
           'bg-list-selection text-list-selection-fg':
diff --git a/src/renderer/components/snippet/Header.vue b/src/renderer/components/snippet/Header.vue
index e0051587..a44935fe 100644
--- a/src/renderer/components/snippet/Header.vue
+++ b/src/renderer/components/snippet/Header.vue
@@ -9,8 +9,13 @@ const {
   getSnippets,
   selectSnippet,
   selectFirstSnippet,
+  createSnippet,
 } = useSnippets()
-const { selectedSnippetContentIndex, selectedSnippetIdBeforeSearch } = useApp()
+const {
+  selectedSnippetContentIndex,
+  selectedSnippetIdBeforeSearch,
+  isFocusedSnippetName,
+} = useApp()
 
 async function search() {
   if (searchQuery.value) {
@@ -28,6 +33,12 @@ async function search() {
   }
 }
 
+async function onAddSnippet() {
+  await createSnippet()
+  selectFirstSnippet()
+  isFocusedSnippetName.value = true
+}
+
 function clear() {
   searchQuery.value = ''
 }
@@ -56,14 +67,12 @@ watch(searchQuery, () => {
       >
         <X class="h-4 w-4" />
       </UiButton>
-      <UiButton
-        v-else
-        variant="icon"
-        size="icon"
-        @click="clear"
+      <UiActionButton
+        :tooltip="i18n.t('newSnippet')"
+        @click="onAddSnippet"
       >
         <Plus class="h-4 w-4" />
-      </UiButton>
+      </UiActionButton>
     </div>
   </div>
 </template>
diff --git a/src/renderer/components/snippet/Item.vue b/src/renderer/components/snippet/Item.vue
index 26602708..d34bd29e 100644
--- a/src/renderer/components/snippet/Item.vue
+++ b/src/renderer/components/snippet/Item.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { SnippetsResponse } from '@/services/api/generated'
+import * as ContextMenu from '@/components/ui/shadcn/context-menu'
 import { useApp, useSnippets } from '@/composables'
+import { i18n } from '@/electron'
 import { onClickOutside } from '@vueuse/core'
 import { format } from 'date-fns'
 
@@ -14,8 +16,15 @@ const {
   selectedSnippetId,
   highlightedSnippetId,
   selectedSnippetIdBeforeSearch,
+  isFocusedSnippetName,
 } = useApp()
-const { selectSnippet, isSearch } = useSnippets()
+const {
+  selectSnippet,
+  isSearch,
+  deleteSnippet,
+  selectFirstSnippet,
+  duplicateSnippet,
+} = useSnippets()
 
 const isFocused = ref(false)
 const snippetRef = ref<HTMLDivElement>()
@@ -39,6 +48,17 @@ function onClickContextMenu() {
   highlightedSnippetId.value = props.snippet.id
 }
 
+async function onDelete() {
+  await deleteSnippet(props.snippet.id)
+  selectFirstSnippet()
+}
+
+async function onDuplicate() {
+  await duplicateSnippet(props.snippet.id)
+  selectFirstSnippet()
+  isFocusedSnippetName.value = true
+}
+
 onClickOutside(snippetRef, () => {
   isFocused.value = false
   highlightedSnippetId.value = undefined
@@ -58,19 +78,33 @@ onClickOutside(snippetRef, () => {
     @click="onSnippetClick(snippet.id)"
     @contextmenu="onClickContextMenu"
   >
-    <div class="flex flex-col p-2 select-none">
-      <div class="mb-2 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap">
-        {{ snippet.name }}
-      </div>
-      <div class="meta text-text-muted flex justify-between text-xs">
-        <div>
-          {{ snippet.folder?.name || "Inbox" }}
-        </div>
-        <div>
-          {{ format(new Date(snippet.createdAt), "dd.MM.yyyy") }}
+    <ContextMenu.Root>
+      <ContextMenu.Trigger>
+        <div class="flex flex-col p-2 select-none">
+          <div
+            class="mb-2 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap"
+          >
+            {{ snippet.name || i18n.t("snippet.untitled") }}
+          </div>
+          <div class="meta text-text-muted flex justify-between text-xs">
+            <div>
+              {{ snippet.folder?.name || "Inbox" }}
+            </div>
+            <div>
+              {{ format(new Date(snippet.createdAt), "dd.MM.yyyy") }}
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
+      </ContextMenu.Trigger>
+      <ContextMenu.Content>
+        <ContextMenu.Item @click="onDuplicate">
+          {{ i18n.t("duplicate") }}
+        </ContextMenu.Item>
+        <ContextMenu.Item @click="onDelete">
+          {{ i18n.t("delete") }}
+        </ContextMenu.Item>
+      </ContextMenu.Content>
+    </ContextMenu.Root>
   </div>
 </template>
 
diff --git a/src/renderer/components/editor/header/ActionButton.vue b/src/renderer/components/ui/action-button/ActionButton.vue
similarity index 100%
rename from src/renderer/components/editor/header/ActionButton.vue
rename to src/renderer/components/ui/action-button/ActionButton.vue
diff --git a/src/renderer/composables/useApp.ts b/src/renderer/composables/useApp.ts
index 5cd036f9..6cc2e204 100644
--- a/src/renderer/composables/useApp.ts
+++ b/src/renderer/composables/useApp.ts
@@ -17,6 +17,8 @@ const selectedSnippetContentIndex = ref(0)
 const highlightedFolderId = ref<number>()
 const highlightedSnippetId = ref<number>()
 
+const isFocusedSnippetName = ref(false)
+
 const sidebarWidth = useCssVar('--sidebar-width')
 const snippetListWidth = useCssVar('--snippet-list-width')
 
@@ -59,5 +61,6 @@ export function useApp() {
     selectFolder,
     sidebarWidth,
     snippetListWidth,
+    isFocusedSnippetName,
   }
 }
diff --git a/src/renderer/composables/useSnippets.ts b/src/renderer/composables/useSnippets.ts
index b7b6089e..988d560b 100644
--- a/src/renderer/composables/useSnippets.ts
+++ b/src/renderer/composables/useSnippets.ts
@@ -4,7 +4,7 @@ import type {
   SnippetsResponse,
   SnippetsUpdate,
 } from '~/renderer/services/api/generated'
-import { store } from '@/electron'
+import { i18n, store } from '@/electron'
 import { api } from '~/renderer/services/api'
 import { LibraryFilter } from './types'
 import { useApp } from './useApp'
@@ -84,6 +84,73 @@ async function getSnippets(query?: Query) {
   }
 }
 
+async function createSnippet() {
+  try {
+    const { data } = await api.snippets.postSnippets({
+      name: i18n.t('snippet.untitled'),
+      folderId: selectedFolderId.value || null,
+    })
+
+    await api.snippets.postSnippetsByIdContents(String(data.id), {
+      label: `${i18n.t('fragment')} 1`,
+      value: '',
+      language: 'plain_text',
+    })
+
+    await getSnippets(queryByLibraryOrFolderOrSearch.value)
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+async function duplicateSnippet(snippetId: number) {
+  const snippet = snippets.value?.find(s => s.id === snippetId)
+
+  if (!snippet) {
+    return
+  }
+
+  try {
+    const { data } = await api.snippets.postSnippets({
+      name: `${snippet.name} - copy`,
+      folderId: snippet.folder?.id || null,
+    })
+
+    for (const content of snippet.contents) {
+      await api.snippets.postSnippetsByIdContents(String(data.id), {
+        label: content.label,
+        value: content.value,
+        language: content.language,
+      })
+    }
+
+    await getSnippets(queryByLibraryOrFolderOrSearch.value)
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
+async function createSnippetContent(snippetId: number) {
+  const lastContentIndex = selectedSnippet.value?.contents.length || 0
+
+  try {
+    await api.snippets.postSnippetsByIdContents(String(snippetId), {
+      label: `${i18n.t('fragment')} ${lastContentIndex + 1}`,
+      value: '',
+      language: 'plain_text',
+    })
+
+    await getSnippets(queryByLibraryOrFolderOrSearch.value)
+
+    return lastContentIndex
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
 async function updateSnippet(snippetId: number, data: SnippetsUpdate) {
   await api.snippets.putSnippetsById(String(snippetId), data)
   getSnippets(queryByLibraryOrFolderOrSearch.value)
@@ -102,6 +169,25 @@ async function updateSnippetContent(
   getSnippets(queryByLibraryOrFolderOrSearch.value)
 }
 
+async function deleteSnippet(snippetId: number) {
+  await api.snippets.deleteSnippetsById(String(snippetId))
+  await getSnippets(queryByLibraryOrFolderOrSearch.value)
+}
+
+async function deleteSnippetContent(snippetId: number, contentId: number) {
+  try {
+    await api.snippets.deleteSnippetsByIdContentsByContentId(
+      String(snippetId),
+      String(contentId),
+    )
+
+    await getSnippets(queryByLibraryOrFolderOrSearch.value)
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
 function selectSnippet(snippetId: number) {
   selectedSnippetId.value = snippetId
   selectedSnippetContentIndex.value = 0
@@ -130,6 +216,11 @@ function selectFirstSnippet() {
 
 export function useSnippets() {
   return {
+    createSnippet,
+    createSnippetContent,
+    deleteSnippet,
+    deleteSnippetContent,
+    duplicateSnippet,
     getSnippets,
     isEmpty,
     isSearch,
diff --git a/src/renderer/services/api/generated/index.ts b/src/renderer/services/api/generated/index.ts
index edf66cc0..cb82b306 100644
--- a/src/renderer/services/api/generated/index.ts
+++ b/src/renderer/services/api/generated/index.ts
@@ -651,6 +651,24 @@ export class Api<
         type: ContentType.Json,
         ...params,
       }),
+
+    /**
+     * No description
+     *
+     * @tags Snippets
+     * @name DeleteSnippetsByIdContentsByContentId
+     * @request DELETE:/snippets/{id}/contents/{contentId}
+     */
+    deleteSnippetsByIdContentsByContentId: (
+      id: string,
+      contentId: string,
+      params: RequestParams = {},
+    ) =>
+      this.request<void, any>({
+        path: `/snippets/${id}/contents/${contentId}`,
+        method: "DELETE",
+        ...params,
+      }),
   };
   folders = {
     /**