diff --git a/src/constants/code/TextAnimations/asciiTextCode.ts b/src/constants/code/TextAnimations/asciiTextCode.ts
index 22a3334..c8e1af4 100644
--- a/src/constants/code/TextAnimations/asciiTextCode.ts
+++ b/src/constants/code/TextAnimations/asciiTextCode.ts
@@ -3,7 +3,9 @@ import { createCodeObject } from '../../../types/code';
 
 export const asciiText = createCodeObject(code, 'TextAnimations/AsciiText', {
   installation: `npm install three @types/three`,
-  usage: `<template>
+  usage: `<!-- Component ported and enhanced from https://codepen.io/JuanFuentes/pen/eYEeoyE -->
+  
+<template>
   <AsciiText
     text="Hey!"
     :ascii-font-size="8"
diff --git a/src/constants/code/TextAnimations/textPressureCode.ts b/src/constants/code/TextAnimations/textPressureCode.ts
index 418ea0a..30890e0 100644
--- a/src/constants/code/TextAnimations/textPressureCode.ts
+++ b/src/constants/code/TextAnimations/textPressureCode.ts
@@ -2,7 +2,10 @@ import code from '@content/TextAnimations/TextPressure/TextPressure.vue?raw';
 import { createCodeObject } from '@/types/code';
 
 export const textPressure = createCodeObject(code, 'TextAnimations/TextPressure', {
-  usage: `<template>
+  usage: `<!-- Component ported from https://codepen.io/JuanFuentes/full/rgXKGQ -->
+<!-- Font used - https://compressa.preusstype.com/ -->
+  
+<template>
   <TextPressure
     text="Hello!"
     :flex="true"
diff --git a/src/content/TextAnimations/AsciiText/AsciiText.vue b/src/content/TextAnimations/AsciiText/AsciiText.vue
index b222d63..f41b2c6 100644
--- a/src/content/TextAnimations/AsciiText/AsciiText.vue
+++ b/src/content/TextAnimations/AsciiText/AsciiText.vue
@@ -1,3 +1,5 @@
+<!-- Component ported and enhanced from https://codepen.io/JuanFuentes/pen/eYEeoyE -->
+
 <script setup lang="ts">
 import { onMounted, onUnmounted, watch, useTemplateRef } from 'vue';
 import * as THREE from 'three';
diff --git a/src/content/TextAnimations/TextPressure/TextPressure.vue b/src/content/TextAnimations/TextPressure/TextPressure.vue
index 11b3abe..71828ac 100644
--- a/src/content/TextAnimations/TextPressure/TextPressure.vue
+++ b/src/content/TextAnimations/TextPressure/TextPressure.vue
@@ -1,3 +1,5 @@
+<!-- Component ported from https://codepen.io/JuanFuentes/full/rgXKGQ -->
+
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, nextTick, computed, watch, useTemplateRef } from 'vue';