%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
EN
L3.3 Cu Mai R1 70b
L
L3.3 Cu Mai R1 70b
Developed by Steelskull
A 70B-parameter large language model based on the Llama3 architecture, specially optimized
Downloads 164
Release Time : 2/15/2025
Model Overview
This is a large language model based on the Llama3 architecture with a parameter scale of 70B, specially optimized (Hydroblated), suitable for text generation tasks.
Model Features
Large-scale parameters
70B parameter scale with powerful language understanding and generation capabilities
Llama3 architecture optimization
Based on the Llama3 architecture and specially optimized (Hydroblated)
Text generation capability
Focused on high-quality text generation tasks
Model Capabilities
Text generation
Language understanding
Content creation
Use Cases
Content creation
Article writing
Automatically generate high-quality articles and blog content
Creative writing
Assist in creative writing such as novels and poetry
Dialogue systems
Intelligent customer service
Build natural and fluent dialogue systems
đ L3.1x3.3-DS-Hydroblated-R1-70B-v4.1 Project
This project is a text - generation model based on the TheSkullery/L3.1x3.3-DS-Hydroblated-R1-70B-v4.1 base model, licensed under llama3.3.
đ License
The project uses the llama3.3 license.
đ Documentation
Model Information
| Property | Details |
|---|---|
| Model Type | Text Generation |
| Base Model | TheSkullery/L3.1x3.3-DS-Hydroblated-R1-70B-v4.1 |
Styling Information
The following is the CSS style code used in the project, which is used to beautify the page display:
/* Base styles */
body {
font-family: 'Quicksand', sans-serif;
background: #f5e6d3;
color: #2c1810;
margin: 0;
padding: 0;
font-size: 16px;
min-height: 100vh;
position: relative;
}
/* Decorative background pattern */
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
/* Diagonal lines */
repeating-linear-gradient(45deg,
rgba(139, 69, 19, 0.03) 0px,
rgba(139, 69, 19, 0.03) 1px,
transparent 1px,
transparent 10px
),
repeating-linear-gradient(-45deg,
rgba(139, 69, 19, 0.03) 0px,
rgba(139, 69, 19, 0.03) 1px,
transparent 1px,
transparent 10px
),
/* Background gradient */
linear-gradient(135deg, #f5e6d3, #fff5eb);
pointer-events: none;
z-index: 0;
opacity: 0.7;
}
/* Typography */
h1, h2, h3, h4 {
color: #8b4513;
text-shadow:
1px 1px 0 rgba(255, 255, 255, 0.8),
2px 2px 4px rgba(139, 69, 19, 0.2);
letter-spacing: 2px;
margin: 0 0 20px 0;
font-weight: 600;
position: relative;
padding-left: 15px;
text-transform: uppercase;
}
h1::before, h2::before, h3::before, h4::before {
content: 'â';
position: absolute;
left: 0;
color: #d2691e;
font-size: 0.8em;
transform: translateY(2px);
}
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
p {
line-height: 1.8;
color: #2c1810;
margin: 0 0 15px 0;
position: relative;
padding-left: 15px;
}
p::before {
content: '';
position: absolute;
left: 0;
top: 0.8em;
width: 8px;
height: 1px;
background: #d2691e;
transform: skewX(-20deg);
}
/* Links */
a {
color: #d2691e;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
padding: 0 5px;
}
a:hover {
color: #8b4513;
background: rgba(210, 105, 30, 0.1);
}
a::before, a::after {
content: '';
position: absolute;
width: 2px;
height: 0;
background: #d2691e;
transition: height 0.3s ease;
}
a::before {
left: 0;
top: 0;
}
a::after {
right: 0;
bottom: 0;
}
a:hover::before, a:hover::after {
height: 100%;
}
/* Code elements */
pre {
background-color: rgba(255, 250, 245, 0.95);
padding: 15px;
border-radius: 10px;
overflow-x: auto;
border: 1px solid rgba(139, 69, 19, 0.2);
position: relative;
}
pre::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, transparent 48%, rgba(139, 69, 19, 0.1) 49%, rgba(139, 69, 19, 0.1) 51%, transparent 52%);
background-size: 10px 10px;
pointer-events: none;
}
code {
font-family: 'Courier New', monospace;
color: #2c1810;
}
/* Selection color */
::selection {
background: rgba(210, 105, 30, 0.2);
color: #8b4513;
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: rgba(255, 250, 245, 0.95);
border: 1px solid rgba(139, 69, 19, 0.1);
}
::-webkit-scrollbar-thumb {
background: #d2691e;
border: 3px solid rgba(255, 250, 245, 0.95);
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background: #8b4513;
}
/* Focus outline */
:focus {
outline: 2px solid rgba(210, 105, 30, 0.5);
outline-offset: 2px;
}
/* Responsive font sizes */
@media (max-width: 768px) {
body {
font-size: 14px;
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
}
/* Button styles */
.button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 25px;
background: rgba(255, 250, 245, 0.95);
border: 2px solid #d2691e;
border-radius: 30px;
color: #d2691e;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1);
}
.button::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(45deg, transparent 48%, rgba(139, 69, 19, 0.1) 49%, rgba(139, 69, 19, 0.1) 51%, transparent 52%);
background-size: 10px 10px;
opacity: 0;
transition: opacity 0.3s ease;
}
.button:hover {
background: #d2691e;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.2);
}
.button:hover::after {
opacity: 1;
}
.button:active {
transform: translateY(0);
}
/* Template link */
.template-link {
display: flex;
align-items: center;
gap: 8px;
color: #d2691e;
font-weight: 500;
padding: 12px 25px;
background: rgba(255, 250, 245, 0.95);
border: 2px solid #d2691e;
border-radius: 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1);
width: fit-content;
}
.template-link::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(45deg, transparent 48%, rgba(139, 69, 19, 0.1) 49%, rgba(139, 69, 19, 0.1) 51%, transparent 52%);
background-size: 10px 10px;
opacity: 0;
transition: opacity 0.3s ease;
}
.template-link:hover {
background: #d2691e;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.2);
}
.template-link:hover::after {
opacity: 1;
}
.link-arrow {
font-size: 18px;
line-height: 1;
transform: translateY(1px);
transition: transform 0.3s ease;
}
.template-link:hover .link-arrow {
transform: translateX(3px) translateY(1px);
}
/* Template content */
.template-content {
display: flex;
align-items: center;
gap: 15px;
position: relative;
z-index: 1;
flex-wrap: wrap;
}
.template-author {
color: rgba(139, 69, 19, 0.7);
font-size: 14px;
font-style: italic;
position: relative;
padding-left: 15px;
}
.template-author::before {
content: 'â';
position: absolute;
left: 0;
color: #d2691e;
font-size: 0.8em;
opacity: 0.7;
}
/* Template item */
.template-item {
background: rgba(255, 250, 245, 0.8);
border: 1px solid rgba(139, 69, 19, 0.1);
border-radius: 20px;
padding: 15px;
margin-bottom: 15px;
transition: all 0.3s ease;
}
.template-item:hover {
background: rgba(255, 250, 245, 0.95);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
/* Button animations */
@keyframes buttonGlow {
0% { box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1); }
50% { box-shadow: 0 3px 15px rgba(139, 69, 19, 0.2); }
100% { box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1); }
}
.button, .template-link {
animation: buttonGlow 3s infinite;
}
/* Support buttons container */
.support-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.button,
.template-link {
width: 100%;
justify-content: center;
}
.support-buttons {
flex-direction: column;
}
.template-content {
flex-direction: column;
align-items: flex-start;
}
}
/* Base card styles */
.card {
background: rgba(255, 250, 245, 0.95);
border: 2px solid #8b4513;
border-radius: 0;
padding: 20px;
position: relative;
overflow: hidden;
clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
/* Card header */
.card-header {
background: rgba(139, 69, 19, 0.05);
margin: -20px -20px 20px -20px;
padding: 20px;
border-bottom: 2px solid #8b4513;
position: relative;
}
.card-header h3 {
margin: 0;
color: #8b4513;
}
/* Card content */
.card-content {
position: relative;
z-index: 1;
}
/* Card footer */
.card-footer {
margin: 20px -20px -20px -20px;
padding: 20px;
background: rgba(139, 69, 19, 0.05);
border-top: 1px solid rgba(139, 69, 19, 0.2);
}
/* Card decorative elements */
.card::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background:
radial-gradient(circle at top right,
rgba(139, 69, 19, 0.1),
transparent 70%
);
pointer-events: none;
}
.card::before {
content: '';
position: absolute;
inset: -2px;
background:
linear-gradient(45deg, #8b4513 0%, transparent 2%) 0 0,
linear-gradient(-45deg, #8b4513 0%, transparent 2%) 100% 0,
linear-gradient(135deg, #8b4513 0%, transparent 2%) 0 100%,
linear-gradient(-135deg, #8b4513 0%, transparent 2%) 100% 100%;
background-size: 20px 20px;
background-repeat: no-repeat;
pointer-events: none;
opacity: 0.5;
}
/* Card grid */
.card-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
/* Card list */
.card-list {
display: grid;
gap: 15px;
}
/* Card hover effects */
.card {
transition: all 0.3s ease;
}
.card:hover {
transform: translateY(-2px);
box-shadow:
0 8px 20px rgba(139, 69, 19, 0.15),
0 15px 40px rgba(139, 69, 19, 0.1);
}
/* Card variations */
.card.compact {
padding: 15px;
}
.card.no-padding {
padding: 0;
}
.card.elevated {
box-shadow:
0 8px 20px rgba(139, 69, 19, 0.15),
0 15px 40px rgba(139, 69, 19, 0.1);
}
/* Responsive adjustments */
@media (max-width: 768px) {
.card-grid {
grid-template-columns: 1fr;
}
.card {
margin: 10px 0;
}
}
/* Main container styles */
.container {
max-width: 1200px;
margin: 40px auto;
background-color: rgba(255, 250, 245, 0.97);
padding: 40px;
border: 2px solid #d2691e;
position: relative;
backdrop-filter: blur(10px);
overflow: hidden;
border-radius: 25px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.2);
}
/* Section containers */
.section-container {
margin: 40px 0;
position: relative;
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 30px;
border-radius: 25px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
/* Benchmark container */
.benchmark-container {
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
position: relative;
overflow: hidden;
border-radius: 25px;
box-shadow:
0 5px 15px rgba(139, 69, 19, 0.1),
0 10px 30px rgba(139, 69, 19, 0.05);
padding: 25px;
}
/* Settings grid container */
.settings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 20px;
}
/* Quantized container */
.quantized-container {
display: grid;
gap: 20px;
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 25px;
border-radius: 25px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
/* Support section container */
.support-section {
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 30px;
margin-top: 40px;
position: relative;
border-radius: 25px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
/* Container decorative elements */
.container::after,
.section-container::after,
.benchmark-container::after,
.support-section::after {
content: '';
position: absolute;
inset: 0;
background:
linear-gradient(90deg, transparent 49.5%, rgba(139, 69, 19, 0.2) 49.5%, rgba(139, 69, 19, 0.2) 50.5%, transparent 50.5%) 0 0/30px 100%,
linear-gradient(0deg, transparent 49.5%, rgba(139, 69, 19, 0.2) 49.5%, rgba(139, 69, 19, 0.2) 50.5%, transparent 50.5%) 0 0/100% 30px;
opacity: 0.3;
pointer-events: none;
z-index: 0;
}
/* Container hover effects */
.section-container:hover,
.benchmark-container:hover,
.quantized-container:hover,
.support-section:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(139, 69, 19, 0.15);
transition: all 0.3s ease;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.container,
.section-container,
.benchmark-container,
.support-section {
margin: 20px;
padding: 20px;
}
.settings-grid {
grid-template-columns: 1fr;
}
}
/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
position: relative;
}
/* Header */
.header {
text-align: center;
margin-bottom: 40px;
position: relative;
padding: 30px;
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
border-radius: 25px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
.header h1 {
color: #8b4513;
text-shadow:
2px 2px 0 rgba(255, 255, 255, 0.8),
3px 3px 5px rgba(139, 69, 19, 0.2);
letter-spacing: 3px;
font-size: 2.5em;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
/* Info section */
.info {
display: grid;
gap: 30px;
position: relative;
}
/* Banner image */
.info img {
width: 100%;
height: auto;
border: 2px solid #d2691e;
border-radius: 20px;
position: relative;
box-shadow:
0 5px 15px rgba(139, 69, 19, 0.2),
0 10px 30px rgba(139, 69, 19, 0.1);
filter: contrast(1.1) brightness(1.05);
transition: all 0.3s ease;
}
.info img:hover {
transform: scale(1.01);
box-shadow:
0 8px 20px rgba(139, 69, 19, 0.2),
0 15px 40px rgba(139, 69, 19, 0.1);
}
/* Creator section */
.creator-section {
display: flex;
justify-content: flex-end;
margin: -20px 0 20px;
position: relative;
z-index: 1;
}
.creator-badge {
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 10px 20px;
display: flex;
align-items: center;
gap: 10px;
position: relative;
border-radius: 20px;
box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1);
transition: all 0.3s ease;
}
.creator-badge:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.15);
}
.creator-badge:hover::before {
opacity: 1;
}
.creator-label {
color: #8b4513;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(139, 69, 19, 0.2);
}
.creator-link {
display: flex;
align-items: center;
gap: 5px;
color: #d2691e;
font-weight: 500;
transition: all 0.3s ease;
}
.creator-name {
position: relative;
}
.creator-arrow {
font-size: 18px;
line-height: 1;
transform: translateY(1px);
transition: transform 0.3s ease;
}
.creator-link:hover .creator-arrow {
transform: translateX(3px) translateY(1px);
}
/* Details element styling */
details {
margin: 15px 0;
}
summary {
cursor: pointer;
color: #8b4513;
font-weight: 500;
margin-bottom: 15px;
position: relative;
padding: 10px 20px;
background: rgba(255, 250, 245, 0.95);
border: 1px solid #d2691e;
border-radius: 15px;
transition: all 0.3s ease;
}
summary:hover {
background: rgba(210, 105, 30, 0.1);
transform: translateX(5px);
}
summary::before {
content: 'â';
position: absolute;
left: 0;
transform: translateX(-20px);
color: #d2691e;
transition: transform 0.3s ease;
}
summary:hover::before {
transform: translateX(-15px);
}
/* Special Thanks Section */
.special-thanks {
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 25px;
margin: 20px 0;
position: relative;
border-radius: 20px;
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.1);
}
.special-thanks h3 {
color: #8b4513;
margin-bottom: 20px;
position: relative;
padding-left: 25px;
}
.thanks-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 12px;
}
.thanks-list li {
color: #2c1810;
padding: 10px 15px;
position: relative;
background: rgba(255, 255, 255, 0.7);
border-radius: 10px;
border: 1px solid rgba(139, 69, 19, 0.1);
transition: all 0.3s ease;
}
.thanks-list li:hover {
transform: translateX(5px);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1);
}
.thanks-list li strong {
color: #d2691e;
font-weight: 500;
}
.thanks-note {
margin-top: 20px;
color: rgba(44, 24, 16, 0.7);
font-style: italic;
font-size: 0.9em;
text-align: center;
padding: 10px;
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.container {
padding: 20px;
}
.header {
padding: 20px;
margin-bottom: 30px;
}
.creator-section {
justify-content: center;
}
.special-thanks {
padding: 20px;
}
}
/* Metrics section */
.metrics-section {
margin-bottom: 30px;
position: relative;
background: rgba(255, 250, 245, 0.98);
border: 2px solid #d2691e;
padding: 25px;
border-radius: 20px;
box-shadow:
0 5px 15px rgba(139, 69, 19, 0.1),
0 10px 30px rgba(139, 69, 19, 0.05);
}
/* Core metrics grid */
.core-metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
}
/* Metric box */
.metric-box {
background: white;
border: 2px solid #d2691e;
border-radius: 15px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
overflow: hidden;
box-shadow: 0 3px 10px rgba(139, 69, 19, 0.1);
transition: transform 0.3s ease;
}
.metric-box:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(139, 69, 19, 0.15);
}
.metric-box .label {
color: #8b4513;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(139, 69, 19, 0.2);
}
.metric-box .value {
color: #d2691e;
font-size: 28px;
font-weight: 700;
text-shadow:
0 0 10px rgba(139, 69, 19, 0.3),
0 0 20px rgba(139, 69, 19, 0.2);
letter-spacing: 1px;
}
/* Progress metrics */
.progress-metrics {
display: grid;
gap: 15px;
padding: 20px;
background: white;
border: 2px solid #d2691e;
border-radius: 15px;
position: relative;
overflow: hidden;
box-shadow:
0 5px 15px rgba(139, 69, 19, 0.1),
0 10px 30px rgba(139, 69, 19, 0.05);
}
.progress-metric {
display: grid;
gap: 8px;
}
.progress-label {
display: flex;
justify-content: space-between;
align-items: center;
color: #8b4513;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(139, 69, 19, 0.2);
}
.progress-value {
color: #d2691e;
font-weight: 600;
text-shadow:
0 0 5px rgba(139, 69, 19, 0.3),
0 0 10px rgba(139, 69, 19, 0.2);
}
/* Progress bars */
.progress-bar {
height: 8px;
background: rgba(139, 69, 19, 0.1);
border-radius: 4px;
overflow: hidden;
position: relative;
border: 1px solid rgba(139, 69, 19, 0.2);
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #d2691e, #e08143);
border-radius: 4px;
position: relative;
overflow: hidden;
box-shadow:
0 0 10px rgba(139, 69, 19, 0.2),
0 0 20px rgba(139, 69, 19, 0.1);
}
.progress-fill::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
rgba(255, 255, 255, 0.1) 0%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0.1) 60%,
rgba(255, 255, 255, 0.1) 100%
);
background-size: 300% 100%;
animation: shimmer 2s infinite;
}
/* Split progress bars */
.progress-metric.split .progress-label {
justify-content: space-between;
font-size: 13px;
}
.progress-bar.split {
display: flex;
background: rgba(139, 69, 19, 0.1);
position: relative;
justify-content: center;
}
.progress-bar.split::after {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 100%;
background: rgba(139, 69, 19, 0.3);
z-index: 2;
box-shadow: 0 0 10px rgba(139, 69, 19, 0.2);
}
.progress-fill-left,
.progress-fill-right {
height: 100%;
background: linear-gradient(90deg, #d2691e, #e08143);
position: relative;
width: 50%;
overflow: hidden;
}
.progress-fill-left {
border-radius: 4px 0 0 4px;
margin-right: 1px;
transform-origin: right;
transform: scaleX(var(--scale, 0));
}
.progress-fill-right {
/* The incomplete code here is kept as it is */
}
Phi 2 GGUF
Other
Phi-2 is a small yet powerful language model developed by Microsoft, featuring 2.7 billion parameters, focusing on efficient inference and high-quality text generation.
Large Language Model Supports Multiple Languages
P
TheBloke
41.5M
205
Roberta Large
MIT
A large English language model pre-trained with masked language modeling objectives, using improved BERT training methods
Large Language Model English
R
FacebookAI
19.4M
212
Distilbert Base Uncased
Apache-2.0
DistilBERT is a distilled version of the BERT base model, maintaining similar performance while being more lightweight and efficient, suitable for natural language processing tasks such as sequence classification and token classification.
Large Language Model English
D
distilbert
11.1M
669
Llama 3.1 8B Instruct GGUF
Meta Llama 3.1 8B Instruct is a multilingual large language model optimized for multilingual dialogue use cases, excelling in common industry benchmarks.
Large Language Model English
L
modularai
9.7M
4
Xlm Roberta Base
MIT
XLM-RoBERTa is a multilingual model pretrained on 2.5TB of filtered CommonCrawl data across 100 languages, using masked language modeling as the training objective.
Large Language Model Supports Multiple Languages
X
FacebookAI
9.6M
664
Roberta Base
MIT
An English pre-trained model based on Transformer architecture, trained on massive text through masked language modeling objectives, supporting text feature extraction and downstream task fine-tuning
Large Language Model English
R
FacebookAI
9.3M
488
Opt 125m
Other
OPT is an open pre-trained Transformer language model suite released by Meta AI, with parameter sizes ranging from 125 million to 175 billion, designed to match the performance of the GPT-3 series while promoting open research in large-scale language models.
Large Language Model English
O
facebook
6.3M
198
1
A pretrained model based on the transformers library, suitable for various NLP tasks
Large Language Model
Transformers
Transformers1
unslothai
6.2M
1
Llama 3.1 8B Instruct
Llama 3.1 is Meta's multilingual large language model series, featuring 8B, 70B, and 405B parameter scales, supporting 8 languages and code generation, with optimized multilingual dialogue scenarios.
Large Language Model Transformers Supports Multiple Languages
Transformers Supports Multiple LanguagesL
meta-llama
5.7M
3,898
T5 Base
Apache-2.0
The T5 Base Version is a text-to-text Transformer model developed by Google with 220 million parameters, supporting multilingual NLP tasks.
Large Language Model Supports Multiple Languages
T
google-t5
5.4M
702
Featured Recommended AI Models
Š 2025AIbase